Yo me anime a maquetar los formularios con css y resulto bastante sencillo.
Utilizaba el elemento LABEL definido como bloque flotante para crea una columna a la izquierda y un DIV con el elemento del formulario (un INPUT por ejemplo) para definir una columna a la derecha.
<!--
...
<label for="nombre" class="columnaA">Apellidos:</label>
<div class="columnaB">
<input name="nombre" type="text" id="nombre" />
</div>
<br class="clear-both" />
...


Es importante el BR con clear:both. El css podr�a quedar algo as� (a gusto del dise�ador):

.columnaA {
        display:block;
        text-align: right;
        float: left;
        width: 50%;
}
.columnaB {
        display:block;
        float: right;
        text-align:left;
        width: 50%;
}

�sta es la forma sencilla, luego puedes simplificar con selectores contextuales como �ste
FORM.miformulario LABEL {...}
O incluso si usas la gran olvidada etiqueta FIELDSET, se pueden hacer reglas mucho m�s complejas.


URL de referencia
http://www.quirksmode.org/css/forms.html


At 23:29 08/12/2004, you wrote:
Ahora que ha vuelto a surgir el tema de las tablas creo que es buen
momento para plantear el asunto de la alineaci�n de elementos usando
tablas. No estoy hablando de maquetar sitios enteros, s�lo de usar
tablas para presentar formularios.

He buscado tutoriales con el tema de alinear elementos de una forma y
muchos de ellos manejan tablas para ello. El argumento es que a fin de
cuentas los formularios son cuadros de  datos por lo que es natural
usar tablas.

En otros tutoriales se alinean usando montones de etiquetas <div> que
si bien consiguen el efecto deseado despues de ver el c�digo tan
complicado si esa forma de trabajar no ir� en contra de los ideales de
los est�ndares, ya que a mi parecer, se esta abusando del div como
antes se abusaba o abusa de etiquetas como font.

�cual consideran ustedes que es la forma correcta de trabajar con
formularios? �Hay algun tutorial que puedan recomendarme sobre el tema
de alineaci�n y presentaci�n de formularios con css?


_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a