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
