2010-04-02 4 views
7

Hay muchas preguntas sobre el formato de formularios para que las etiquetas se alineen, y casi todas las respuestas que sugieren una solución pura de CSS (en lugar de utilizar una tabla) proporcionan un ancho fijo al elemento label.¿Por qué dar un ancho fijo a una etiqueta es un comportamiento aceptado?

¿Pero no está mezclando contenido y presentación? Para elegir el ancho correcto, básicamente debe ver qué tan grande es su etiqueta más larga y probar un valor de ancho de píxel hasta que "encaje". Esto significa que si cambias tus etiquetas también tienes que cambiar tu CSS.

Respuesta

4

No tengo ningún problema (Gasp! Heresy!) con el uso de tablas para alinear elementos de formulario y sus etiquetas. Si eso me convierte en un ludita, que así sea. Siento que se puede argumentar que las matrices de pares etiqueta/entrada son lo suficientemente tabulares para representarse con tablas.

+1

+1 para que las agallas sean un ludita, y también para rechazar el dogma en favor de la simplicidad y el soporte de navegadores muy antiguos o raros. – David

+0

¿Qué pasa con el uso de 'form> fieldset> div' en lugar de' table> tr> td', pero dando los elementos anteriores 'display: table/table-row/table-cell' styles para que se comporten como tabla. (No lo he probado pero estoy bastante seguro de que no todos los navegadores tienen este enfoque. Y no, no estoy proponiendo esto seriamente) – jholster

+0

@Yaggo: ocurren cosas malas cuando haces que otros elementos se muestren como elementos de la tabla. Quiero decir, si vas a usar reglas de visualización de tabla, ¿por qué no usar tablas? Para mí, se trata de hacer cosas que funcionen de la manera en que se supone que deben hacerlo y no me causen más problemas de desarrollo y dolores de cabeza. – Robusto

2

Sus etiquetas todavía se pueden ajustar, lo que les permite ser muy cortas o muy largas. No está limitando su contenido de ninguna manera (almost); solo está dictando cómo se mostrarán.

+0

Vamos, el ajuste de palabras significa que se verán como basura. –

+0

Oh, ¿quieres que tu contenido dicte tu presentación? ¿Es eso lo que estás diciendo? Así suena ese comentario ... ;-) – Jaxidian

0

Los anchos fijos no tienen que estar en píxeles. em es una unidad válida y mejor para contenedores con texto.

Cuestiones relacionadas