Es una buena pregunta :)
yo propongo mi solucion, pero me gustaria saber como lo hace la gente por
aqui...
dado este HTML:
<form action="#">
<label for="nombre">Nombre</label><input type="text" name="nombre"
id="nombre" />
<label for="apellidos">Apellidos</label><input type="text" name="apellidos"
id="apellidos" />
<label for="email">E-mail</label><input type="text" name="email" id="email"
/>
</form>
Texto alineado a la derecha:
form{
width:400px;
}
label{
width:190px;
padding-right:10px;
float:left;
text-align:right;
}
Texto alineado a la izquierda:
form{
width:400px;
}
label{
width:90px;
padding-left:100px;
float:left;
text-align:left;
}
un saludo
Joseba Alonso
www.sidedev.net
www.5dms.com
----- Original Message -----
From: "infesion" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <[EMAIL PROTECTED]>
Sent: Sunday, May 30, 2004 11:09 AM
Subject: [Ovillo] Formularios
> Saludos,
>
> la cuestion ahora es maquetar un formulario que contiene bastantes campos.
> Lo que pretendo es que el nombre de los input y los input salgan
alineados.
> Por ejemplo:
>
> usuario --------------
> password --------------
> dni --------------
>
> es decir que las cajas del input empiecen alineadas. La cuestion es no
> utilizar tablas, o en este caso su uso es licito?
>
> mir� en http://www.sitepoint.com/article/style-web-forms-css/1 y para
hacer
> esto hace uso de tablas.
>
> he pensado en dos divs y que uno contenga los <label for=""> y el otro los
> <input>, pero el resultado no es del todo satisfactorio, porque no quedan
> alineados horizontalmente, tengo que estar variando padding y line-height
> para que encajen y no lo acaban de hacer tan bien como con tablas.
>
> Alguna idea m�s buena?
>
> saludos,
> xema
>
>
> _______________________________________________
> Ovillo mailing list
> [EMAIL PROTECTED]
> http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
