Me propuse hacer formularios con la disposición de los elemntos por la
cual consultas, espero aún esté a tiempo, y mi respuesta te sea útil.

Lo primero que hice fue meter los «input» dentro de su correspondiente
«label» y eliminé la lista, quedando la estructura de la siguiente
forma:

<label for="mucho">Mucho <input id="mucho" type="text" value="1"></label>
<label for="mucho">Poco <input id="algo2" type="text" value="2"></label>
<label for="nada">Nada <input id="nada" type="text" value="3"></label>

Quite además los «name», que creo, no son necesarios. Y los «id="box"»
fueron cambiados por identificadores únicos a los cuales se refiere
cada rótulo.

Luego, los estilos aplicados quedan de la siguiente manera:

label{display:block;width:100%;margin:1em auto;padding:0;text-align:left;}

input{width:50%;float:right;margin:0;}

El ancho total del formulario habrá de ser especificado en el estilo
de la etiqueta «form», así los rótulos se adaptarán a este al tener
uno de 100%.

El «text-align:left;» se debe a que mi «form» tiene como atributo CSS
«text-align:center;». Finalmente, cada «input» flotará a la derecha de
su contenedor («label»).

Ahora, en Konqueror, el navegador que uso para comprobar la
visualización, se ve perfecto, sin embargo, en Mozilla Firefox, cada
«input» aparece una línea más abajo de su rótulo. He intentado
solucionarlo, y nada. Asumo que es error del navegador, en vista de
que Konqueror pasó el test Asid2. Sobre los resultados en otros
navegadores no tengo idea. Supongo que en Safari funciona como
corresponde.

-- 
Desde GNU (Ubuntu 5.04, Linux 2.6),
Tae «Taecilla» Sandoval Murgan, a.k.a. Eleniel Taurendil

Blog: http://atravesdelmonitor.bitacoras.com
Jabber ID: [EMAIL PROTECTED]
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a