Blog de comunicación visual

Cuando maquetamos páginas en XHTML debemos de usar capas y hojas de estilo CSS (más conocido como enfoque tableless), en vez de las conocidas y socorridas tablas.

Muchos superan este obstáculo más o menos airosamente, aunque con algunos problemillas cuando hay que maquetar en varias columnas, donde la cosa se complica. No obtante, hay en la red numerosas webs donde lo explican a la perfección.

Sin embargo, un aspecto que la mayoría desconoce y que a más de uno trae de cabeza, es la maquetación de formularios sin el uso de tablas. No sabemos cómo alinear los nombres de los campos con los inputs que los recogen.

Aquí os dejo un sencillo código para conseguirlo.

*nota: una de las claves es controlar el tamaño de las etiquetas (label) y el fieldset.