Lo mejor que puedes hacer tanto por estructura de contenidos como para facilitar que no se descuadre todo es meter los "input" dentro de los "Label", es mas que correcto y te evitará problemas
-----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jesus Miguel Gimeno Rosales Enviado el: jueves, 10 de enero de 2008 9:16 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] maquetar formularios css Hola: Estoy intentando maquetar un formulario con css. Lo he intentado de un par de maneras pero siempre al minimizar la pantalla se me van descolocando los elementos. No estoy muy puesto en el tema, así que agradecería cualquier ayuda. Un cordial saludo Jesús -------css------------------ label { display: block; margin: 0.5em 0 0 0; } .btn { display: block; margin: 1em 0; } .validacion { color: #FF0000 } /*Alinear los formularios*/ div { margin: 0.4em 0; } div label { width: 25%; float: left; } ----------html--------------- <div> <label for="campo6B010201">Fecha primer nombramiento:</label> <input name="campo6B010201" type="text" id="campo6B010201" /> <span class="validacion" id="RequiredFieldValidator21">*</span> </div> <div> <label for="campo7B010201">Fecha último nombramiento:</label> <input name="campo7B010201" type="text" id="campo7B010201"/> <span class="validacion" id="RequiredFieldValidator22">*</span> </div> <div> <label class="gris" for="campo8B010201">Procedimiento de elección:</label> <select name="campo8B010201" id="campo8B010201"> <option value="0">--</option> </select> <span class="validacion" id="RequiredFieldValidator23">*</span> </div> <div> <label class="gris" for="campo9B010201"> Número Total de Consejeros:</label> <input name="campo9B010201" type="text" id="campo9B010201" class="gris" /> <span class="validacion" id="RequiredFieldValidator24">*</span> </div> _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo Internal Virus Database is out-of-date. Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.15.31/1129 - Release Date: 13/11/2007 21:22 Internal Virus Database is out-of-date. Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.15.31/1129 - Release Date: 13/11/2007 21:22 _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo
