Creo que existe un pequeño error: el elemento <fieldset> debe estar siempre
contenido dentro del elemento <form> y no al revés.
Segundo, para asignarles tamaño (ancho) al label, sencillamente agregue la
propiedad "width":
#form_noticias label {
display: inline-block;
width:10em; /* ancho */
line-height: 1.8em;
vertical-align: top;
padding: 0 5px 0 0;
}
El día 14/07/07, Reynier Perez Mira <[EMAIL PROTECTED]> escribió:
>
> 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 Ovillo@lists.ovillo.org 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 Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
xNoleet ][ freelance graphic designer & artist ]
http://www.dojohabit.com ][ Dôjo ]
http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ]
http://vm.dojohabit.com ][ personal portfolio ]
http://h3x.dojohabit.com ][ experimental project ]
_______________________________________________
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
