Foros del Web » Creando para Internet » CSS »

Formularios redondeados

Estas en el tema de Formularios redondeados en el foro de CSS en Foros del Web. Primero felicitaciones por el nuevo diseño del sitio esta super chevereeee!!!! Ahora si, yo tengo un formulario hecho de la sgte. manera: <div id="formulario-contacto"> <fieldset> ...
  #1 (permalink)  
Antiguo 05/07/2007, 10:13
 
Fecha de Ingreso: junio-2007
Mensajes: 253
Antigüedad: 10 años, 6 meses
Puntos: 0
Pregunta Formularios redondeados

Primero felicitaciones por el nuevo diseño del sitio esta super chevereeee!!!!

Ahora si, yo tengo un formulario hecho de la sgte. manera:

<div id="formulario-contacto">
<fieldset>
<legend>Contacto</legend>
<div class="formulario">
<label>Nombre:</label>
<asp:TextBox ID="txt_titulo" runat="server" CssClass="input"></asp:TextBox></div>
</fieldset>
</div>

bueno solo he puesto como ejemplo un campo, porq quiero darme a entender que con estas etiquetas html <fieldset></fieldset> y <legend></legend> añade un contorno al formulario pero este es cuadrado y yo necesito un contorno con bordes redondedados, como puedo lograr eso? gracias!
  #2 (permalink)  
Antiguo 05/07/2007, 13:34
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Re: Formularios redondeados

Hola,

Pues fieldset funciona como una división, así que están demás varias divisiones que tienes ahí, además de que hay varias opciones para los bordes redondeados, en javascript, CSS, directamente imágenes y CSS y varias más; por el momento, si usas IExporer e border del fieldset es redondeado, si queres que también sea redondeado para firefox puedes usar:
Código:
fieldset {
-moz-border-radius: 9px;}
Aunque sé, que muchos no están de acuerdo con los "hacks" puede ser una solución a lo que buscas.

Te pongo imágenes de como se ve el fieldset en varios navegadores.
1. firefox con el hack -moz-border-radius:


2. Safari para windows:


3. Opera 9:


4. El "tan amado" IE6


PD: ME NIEGO A USAR IE7!
__________________
Al final del día hablar es gratis, codificar no lo es

Última edición por baccxus; 05/07/2007 a las 14:04
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:49.