Re: [Ovillo] formulario con dt y dd
Añade a
#formularios dt { width:10em; text-align:right ..}
Los elementos float SIEMPRE tienen que tener definida explicitamente su
ancho.
___
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
Re: [Ovillo] formulario con dt y dd
On 9/16/05, maira [EMAIL PROTECTED] wrote: En firefox anda perfecto, pero en explorer, el primer input, el de email, me aparece corrido hacia la derecha unos 6px. Sinceramente ya no se me ocurre que ponerle para solucionarlo. En todos mis forms trabajé con la estructura de dt y dd, pero en este no necesito los labels entonces no lo puse, está mal usar el dt sin un dd? Alguna sugerencia? Desde ya muchas gracias. Maira. Se me ocurre que si necesitas una lista de un solo elemento, en vez de pares descripcion, elemento, utilices una lista desordenada. Sobre si está mal o no utilizar un dt sin dd... pues mirando la especificación de HTML 4.01 sobre listas de definición [1]: !-- begin quote -- 10.3 Definition lists: the DL, DT, and DD elements !-- definition lists - DT for term, DD for its definition -- !ELEMENT DL http://www.w3.org/TR/REC-html40/struct/lists.html#edef-DL - - (DT|DD)+ -- definition list -- !ATTLIST DL %attrs; http://www.w3.org/TR/REC-html40/sgml/dtd.html#attrs -- %coreattrs http://www.w3.org/TR/REC-html40/sgml/dtd.html#coreattrs, %i18n http://www.w3.org/TR/REC-html40/sgml/dtd.html#i18n, %events http://www.w3.org/TR/REC-html40/sgml/dtd.html#events -- !-- end quote -- el (DT|DD)+ es una expresión regular que significa que debe aparecer *almenos* un dt o un dd, pero no especifica nada que han de ir emparejados. según esto podrías poner una lista con solo dd's, o 50 dd's para un solo dt... [1] - http://www.w3.org/TR/REC-html40/struct/lists.html#h-10.3 saludos -- Si no puedes deslumbrar con tu inteligencia, 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] formulario con dt y dd
Básicamente quiero que los dd queden al lado de los dt, para ello es el
float: left, pero a la vez quiero que los dt tengan alineación derecha y
los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución? El
CSS de arriba es el quedó al final, al no poder encontrar otra forma, el
original era:
#formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px;
float:left; clear:left; }
#formularios dd { margin: .5em 0 0 13em; padding: 0; }
Prueba de definir un ancho para los dt.
Concretamente yo haría algo así:
dt
{
float: left;
clear: left;
width: 10em;
text-align: right;
margin: 0.5em 0;
margin-right: 1em;
}
dd
{
float: left;
margin: 0.5em 0;
}
Pero creo que en IE no funciona muy bien. Mejor mirate esto:
http://www.romankoch.ch/capslock/cssdeflist.htm
Un saludo
--
Francesc Rosàs [EMAIL PROTECTED]
http://strut.ath.cx/
[EMAIL PROTECTED] (IM)
GPG ID: 0xFC84EFAB
___
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
Re: [Ovillo] formulario con dt y dd
A todos, muchas gracias por su ayuda.
El primer caso con problemas lo solucioné como me dijeron, agregando el
width y align:right:
.formularios dt {
float: left;
clear: left;
height: 19px;
width: 12em;
margin: 0;
padding: .5em .5em 0 0;
text-align: right;
}
.formularios dd {
margin: .5em 0 0 140px;
padding: 0;
}
y el segundo caso, mantuve los dt, el problema era otra vez la
determinación del ancho del dt.
luego que solucioné eso, necesitaba que los dt estuvieran con un margen
izquierdo de 10px, en firefox andaba bárbaro, pero en explorer parecía
que le había dado 15px, no 10, y la única forma de arreglarlo, fue dando
el espacio con un padding, en lugar de margin.
De nuevo muchas gracias.
Maira.
Francesc Rosàs wrote:
Básicamente quiero que los dd queden al lado de los dt, para ello es
el float: left, pero a la vez quiero que los dt tengan alineación
derecha y los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución?
El CSS de arriba es el quedó al final, al no poder encontrar otra
forma, el original era:
#formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px;
float:left; clear:left; }
#formularios dd { margin: .5em 0 0 13em; padding: 0; }
Prueba de definir un ancho para los dt.
Concretamente yo haría algo así:
dt
{
float: left;
clear: left;
width: 10em;
text-align: right;
margin: 0.5em 0;
margin-right: 1em;
}
dd
{
float: left;
margin: 0.5em 0;
}
Pero creo que en IE no funciona muy bien. Mejor mirate esto:
http://www.romankoch.ch/capslock/cssdeflist.htm
Un saludo
___
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
[Ovillo] formulario con dt y dd
Hola.
Estoy haciendo un formulario y lo trabajo con dl, dt y dd:
div id=content
h3Enviar testimonios/h3
form method=post action=asdf id=formularios
dl
dtlabel for=nombreNombre y Apellido:/label/dt
ddinput type=text name=nombre id=nombre
size=50 tabindex=1 //dd
dtlabel for=emailEmail:/label/dt
ddinput type=text name=email id=email2
size=50 tabindex=2 //dd
dtlabel for=clienteNúmero de cliente:/label/dt
ddinput type=text name=cliente id=cliente
size=50 tabindex=3 //dd
dtlabel for=testimonioTestimonios:/label/dt
ddtextarea name=testimonio id=testimonio
cols=25 rows=5 tabindex=4/textarea/dd
ddinput type=submit name=enviar value=Enviar
class=button tabindex=5 /input type=submit name=borrar
value=borrar class=button tabindex=6 //dd
/dl
/form
/div
En mis CSS configuré la posición así:
#formularios dl { margin: 0; padding: 0; text-align: right; }
#formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px;
float:left; clear:left; }
#formularios dd { margin: .5em 0 0 13em; padding: 0; text-align: left; }
Básicamente quiero que los dd queden al lado de los dt, para ello es el
float: left, pero a la vez quiero que los dt tengan alineación derecha y
los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución? El
CSS de arriba es el quedó al final, al no poder encontrar otra forma, el
original era:
#formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px;
float:left; clear:left; }
#formularios dd { margin: .5em 0 0 13em; padding: 0; }
Desde ya muchas gracias.
Maira.
___
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
Re: [Ovillo] formulario con dt y dd
Buenas... Otra vez yo con otro formulario y con otro problema... ninguno
solucionado.
Este me viene quemando la cabeza hace mucho tiempo. Tengo un formulario:
div id=webmail
h3 id=hwebmailspan/spanWebmail/h3hr /
form method=post action=/cgi-bin/formmail.cgi
id=loginwebmail
dl
dtinput type=text size=20 name=email
tabindex=1 class=webmail value=[EMAIL PROTECTED]
onfocus=this.value=''; //dt
dtinput type=text size=20 name=pass
tabindex=2 class=webmail value=contraseña onfocus=this.value='';
//dt
dtinput name=entrar type=submit tabindex=3
value=entrar class=button//dt
/dl
/form
/div
Y en el CSS:
#webmail, .sideinfo { margin: 5px 5px 10px 5px; padding: 0; }
.webmail { width: 157px; }
#webmail dl { margin: 0; padding: 0; display: inline; }
#webmail dt { margin: 0 0 .5em 0; padding: 0; }
En firefox anda perfecto, pero en explorer, el primer input, el de
email, me aparece corrido hacia la derecha unos 6px.
Sinceramente ya no se me ocurre que ponerle para solucionarlo.
En todos mis forms trabajé con la estructura de dt y dd, pero en este no
necesito los labels entonces no lo puse, está mal usar el dt sin un dd?
Alguna sugerencia?
Desde ya muchas gracias.
Maira.
maira wrote:
Hola.
Estoy haciendo un formulario y lo trabajo con dl, dt y dd:
div id=content
h3Enviar testimonios/h3
form method=post action=asdf id=formularios
dl
dtlabel for=nombreNombre y Apellido:/label/dt
ddinput type=text name=nombre id=nombre
size=50 tabindex=1 //dd
dtlabel for=emailEmail:/label/dt
ddinput type=text name=email id=email2
size=50 tabindex=2 //dd
dtlabel for=clienteNúmero de cliente:/label/dt
ddinput type=text name=cliente id=cliente
size=50 tabindex=3 //dd
dtlabel for=testimonioTestimonios:/label/dt
ddtextarea name=testimonio id=testimonio
cols=25 rows=5 tabindex=4/textarea/dd
ddinput type=submit name=enviar value=Enviar
class=button tabindex=5 /input type=submit name=borrar
value=borrar class=button tabindex=6 //dd
/dl
/form /div
En mis CSS configuré la posición así:
#formularios dl { margin: 0; padding: 0; text-align: right; }
#formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px;
float:left; clear:left; }
#formularios dd { margin: .5em 0 0 13em; padding: 0; text-align:
left; }
Básicamente quiero que los dd queden al lado de los dt, para ello es
el float: left, pero a la vez quiero que los dt tengan alineación
derecha y los dd alineación izquierda, pero gracias al previo float
no logro que los dt se pongan hacia la derecha. Ven alguna solución?
El CSS de arriba es el quedó al final, al no poder encontrar otra
forma, el original era:
#formularios dt { margin: .5em 0 0 2em; padding: 0; height: 20px;
float:left; clear:left; }
#formularios dd { margin: .5em 0 0 13em; padding: 0; }
Desde ya muchas gracias.
Maira.
___
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
___
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
