Re: [Ovillo] Crear formularios correctos
En un website que me encuentro desarrollando, tambien uso la misma
extructura en XHTML y este es el código CSS:
.fieldset-regular {
margin: 0;
padding: 0;
border: 1px solid #33;
background-color: #fff;
float: left;
clear: both;
width: 100%;
}
.fieldset-regular legend {
margin-left: 1em;
color: #00;
font-weight: bold;
}
.fieldset-regular label {
float:left;
width: 10em;
margin-right: 0.5em;
margin-left: 0.5em;
clear:right;
}
.fieldset-regular ol {
padding: 0;
margin: 0;
list-style: none;
}
.fieldset-regular li {
float:left;
clear:left;
width:100%;
padding-bottom: 1em;
}
El día 14/07/07, Reynier Perez Mira [EMAIL PROTECTED] escribió:
Gracias por la respuesta xNoleet. Ya me había dado cuenta del error del
fieldset por fuera del form y lo había solucionado. He probado la solución
que me das y no me hace nada. Prueba tu mismo y veras.
Salu2
--
Ing. Reynier Pérez Mira
Universidad de las Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED] On Behalf Of xNoleet
Sent: Saturday, July 14, 2007 6:37 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Crear formularios correctos
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
legendAdicionar nueva noticia/legend
form method=post
action=/frontend_dev.php/noticias/InsertarNoticia
ol
lilabel for=idcCategoría:/label
select name=idc id=idc
option value=0df/option
option value=1dsf/option
/select
/li
lilabel for=antetituloAntetítulo:/labelinput
type=text name=antetitulo id=antetitulo value= //li
lilabel for=tituloTítulo:/labelinput
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
Re: [Ovillo] Crear formularios correctos
On 7/14/07, Reynier Perez Mira [EMAIL PROTECTED] wrote:
#form_noticias label {
display: inline-block;
line-height: 1.8em;
vertical-align: top;
padding: 0 5px 0 0;
display: inline-block; no está soportado por firefox, y IE parece que no lo
implementa del todo bien. Mirar este enlace[1] para más información.
[1] http://www.quirksmode.org/css/display.html
--
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
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
[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
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
legendAdicionar nueva noticia/legend
form method=post
action=/frontend_dev.php/noticias/InsertarNoticia
ol
lilabel for=idcCategoría:/label
select name=idc id=idc
option value=0df/option
option value=1dsf/option
/select
/li
lilabel for=antetituloAntetítulo:/labelinput
type=text name=antetitulo id=antetitulo value= //li
lilabel for=tituloTítulo:/labelinput 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
Re: [Ovillo] Crear formularios correctos
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
legendAdicionar nueva noticia/legend
form method=post
action=/frontend_dev.php/noticias/InsertarNoticia
ol
lilabel for=idcCategoría:/label
select name=idc id=idc
option value=0df/option
option value=1dsf/option
/select
/li
lilabel for=antetituloAntetítulo:/labelinput
type=text name=antetitulo id=antetitulo value= //li
lilabel for=tituloTítulo:/labelinput 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
Re: [Ovillo] Crear formularios correctos
Gracias por la respuesta xNoleet. Ya me había dado cuenta del error del
fieldset por fuera del form y lo había solucionado. He probado la solución que
me das y no me hace nada. Prueba tu mismo y veras.
Salu2
--
Ing. Reynier Pérez Mira
Universidad de las Ciencias Informáticas
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of xNoleet
Sent: Saturday, July 14, 2007 6:37 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Crear formularios correctos
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
legendAdicionar nueva noticia/legend
form method=post
action=/frontend_dev.php/noticias/InsertarNoticia
ol
lilabel for=idcCategoría:/label
select name=idc id=idc
option value=0df/option
option value=1dsf/option
/select
/li
lilabel for=antetituloAntetítulo:/labelinput
type=text name=antetitulo id=antetitulo value= //li
lilabel for=tituloTítulo:/labelinput 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
___
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
