Si aplicas un estilo a los Label podrás fácilmente darle un tamaño a la letra. Pero si lo que deseas es alinear los campos como harías con las tablas lo que debes hacer es asignarle a los elementos un float y a los label un display block para darle luego un ancho. De esta forma vas a poder armar todo el formulario como si fuese una tabla.
Saludos, Javier Trejo Diseñador Web Comunicación Interactiva Cel.: +54 (11) 15 6485-7734 Nextel: 54*147*4233 Mail: [EMAIL PROTECTED] MSN: [EMAIL PROTECTED] Skype: javier.trejo -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Reynier Perez Mira Enviado el: sábado, 14 de julio de 2007 15:19 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Crear formularios correctos Bueno un poco que me respondo yo mismo lo que no quiere decir que den sus opiniones pues así puedo aprender un poco más. Me he decidido por un método que explican en A List Apart [1]. Lo que no he logrado es poner un tamaño a todas las etiquetas LABEL. Les dejo el HTML y el CSS para que lo prueben y me digan que es lo que estoy haciendo mal. HTML: <fieldset id="form_noticias"> <legend>Adicionar nueva noticia</legend> <form method="post" action="/frontend_dev.php/noticias/InsertarNoticia"> <ol> <li><label for="idc">Categoría:</label> <select name="idc" id="idc"> <option value="0">df</option> <option value="1">dsf</option> </select> </li> <li><label for="antetitulo">Antetítulo:</label><input type="text" name="antetitulo" id="antetitulo" value="" /></li> <li><label for="titulo">Título:</label><input type="text" name="titulo" id="titulo" value="" /></li> </ol> </form> </fieldset> CSS: #form_noticias { border: 1px solid #2B415B; margin: 3px 0 0 0; } #form_noticias legend { padding: 3px 5px 3px 5px; font-size: 1.1em; font-weight: bold; } #form_noticias label { display: inline-block; line-height: 1.8em; vertical-align: top; padding: 0 5px 0 0; } #form_noticias li { list-style-type: none; padding: 5px; margin: 0; } #form_noticias fieldset fieldset label { display: block; width: auto; } #form_noticias label { width: 120px; /* Width of labels */ } #form_noticias fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ } [1] http://www.alistapart.com/articles/prettyaccessibleforms ¿Alguna ayuda? Salu2 y gracias por adelantado -- Reynier Pérez Mira Ing. en Ciencias Informáticas -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Reynier Perez Mira Sent: Saturday, July 14, 2007 1:35 PM To: Ovillo, la lista de CSS en castellano Subject: [Ovillo] Crear formularios correctos Hola listeros: Vengo con una duda que, creo, muchos han tenido pero no se a ciencia cierta las soluciones que les han dado. Resulta que tengo que crear(organizar) un formulario para entrada de datos. El problema viene con el posicionado de los elementos dentro del mismo: Etiquetas y Elementos del Formulario. Anteriormente usaba tablas pero creo que esto está incorrecto. ¿Me podrían sugerir algunas ideas de como ustedes tratan este tema? Salu2 -- Reynier Pérez Mira Ing. en Ciencias Informáticas _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ 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://lists.ovillo.org/mailman/listinfo/ovillo
