Re: [Ovillo] Dt y dd en la misma línea
Aunque fuera de lugar, que diferencia existe entre estodl, dl * y esto otro * dl, dl . Mirando las reglas Css torpemente no consigo entenderlo bien. Alguien que me envie una luz. De antemano gracias ___ 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] Dt y dd en la misma línea
Hola Julia,
Mira si con esto te sirve, al. menos en IE7 sí (no tengo un IE6 a mano):
dl, dl * { margin: 5px 0 0; padding: 0;}
dl{width:650px}
dt{width:150px; background-color:#FF0; float:left; clear:left }
dd{ background-color:#CCC; padding: 0 0 0 150px; }
--
Alex Lillo
www.nordic-design.net
2009/2/18 Julia Martínez
> Hola de nuevo,
>
> con un popurrí de los códigos que enviasteis he conseguido que funcione
> para
> IE y FF:
>
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml"; lang="es">
>
>Dt y Dl en las misma línea
>
>
>
>
>dl, dl * { margin: 0; padding: 0; margin-top:2px}
>dl{width:650px}
> dt{width:150px; background-color:#FF0; float:left; clear:both}
>dd{width:500px; background-color:#CCC; float:left}
>
> *dt {clear: left}
>*dd {margin-left:150px; width:auto; float:none}
>
>
>
>
>
>
>
> Item 1:
> Definición 1.
>
>Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item
> 2 Item 2 Item 2 Item 2 Item 2 Item 2:
> Definición 2.
>
>Item 3:
> Definición 3.
>
>
>
>
>
>
>
> Gracias de nuevo.
>
> Julia
>
>
>
>
>
> El 18 de febrero de 2009 8:32, Julia Martínez
> escribió:
>
> > Buenos días a todos, y antes que nada gracias por vuestras respuestas e
> > interés.
> >
> > He probado las opciones que me disteis.
> >
> > Alex, puede que no entienda muy bien lo que escribes, porque no he
> > conseguido nada poniendo el borde que indicas al dt y dd.
> >
> > Jose Leiva, me temo que no funciona en Firefox, aunque sí en IE que es
> > donde no me funcionaba antes.
> >
> > Cristian W. Tu opción funciona en FF y IE6, pero no en IE7. Aunque de
> > momento es lo mejor que tengo.
> >
> > Y la opción de Sebastián, tampoco me funciona, en el momento que meto más
> > texto en el dt se me descuadra todo. Le puse un clear:both al dt y
> funciona
> > en IE pero no en FF.
> >
> > Con lo que habéis contestado voy a seguir haciendo pruebas a ver si
> consigo
> > algo, que ya queda poco.
> >
> >
> > Siento no haber respondido antes, pero me fue imposible.
> > Muchas gracias a todos de nuevo.
> >
> > Julia
> >
> >
> >
> >
> ___
> 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] Dt y dd en la misma línea
Hola de nuevo,
con un popurrí de los códigos que enviasteis he conseguido que funcione para
IE y FF:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; lang="es">
Dt y Dl en las misma línea
dl, dl * { margin: 0; padding: 0; margin-top:2px}
dl{width:650px}
dt{width:150px; background-color:#FF0; float:left; clear:both}
dd{width:500px; background-color:#CCC; float:left}
*dt {clear: left}
*dd {margin-left:150px; width:auto; float:none}
Item 1:
Definición 1.
Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item
2 Item 2 Item 2 Item 2 Item 2 Item 2:
Definición 2.
Item 3:
Definición 3.
Gracias de nuevo.
Julia
El 18 de febrero de 2009 8:32, Julia Martínez
escribió:
> Buenos días a todos, y antes que nada gracias por vuestras respuestas e
> interés.
>
> He probado las opciones que me disteis.
>
> Alex, puede que no entienda muy bien lo que escribes, porque no he
> conseguido nada poniendo el borde que indicas al dt y dd.
>
> Jose Leiva, me temo que no funciona en Firefox, aunque sí en IE que es
> donde no me funcionaba antes.
>
> Cristian W. Tu opción funciona en FF y IE6, pero no en IE7. Aunque de
> momento es lo mejor que tengo.
>
> Y la opción de Sebastián, tampoco me funciona, en el momento que meto más
> texto en el dt se me descuadra todo. Le puse un clear:both al dt y funciona
> en IE pero no en FF.
>
> Con lo que habéis contestado voy a seguir haciendo pruebas a ver si consigo
> algo, que ya queda poco.
>
>
> Siento no haber respondido antes, pero me fue imposible.
> Muchas gracias a todos de nuevo.
>
> Julia
>
>
>
>
___
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] Dt y dd en la misma línea
Buenos días a todos, y antes que nada gracias por vuestras respuestas e interés. He probado las opciones que me disteis. Alex, puede que no entienda muy bien lo que escribes, porque no he conseguido nada poniendo el borde que indicas al dt y dd. Jose Leiva, me temo que no funciona en Firefox, aunque sí en IE que es donde no me funcionaba antes. Cristian W. Tu opción funciona en FF y IE6, pero no en IE7. Aunque de momento es lo mejor que tengo. Y la opción de Sebastián, tampoco me funciona, en el momento que meto más texto en el dt se me descuadra todo. Le puse un clear:both al dt y funciona en IE pero no en FF. Con lo que habéis contestado voy a seguir haciendo pruebas a ver si consigo algo, que ya queda poco. Siento no haber respondido antes, pero me fue imposible. Muchas gracias a todos de nuevo. Julia ___ 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] Dt y dd en la misma línea
Yo ya le mostré una solución que anda, xq lo probe aca con Ffox y Ie. Falta q me confirme.. ___ 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] Dt y dd en la misma línea
Como ya dije varias veces. Publiquen una URL con la página que están
haciendo cuando piden ayuda, pegando el código acá la verdad que no da
muchas ganas de ayudar.
On Tue, Feb 17, 2009 at 3:12 PM, sebastian garcia-valenciano <
sebast...@garcia-valenciano.net> wrote:
> Hola,
>
> me ha picado la curiosidad, y he probado, mira a ver si se ajusta a lo que
> necesitas:
>
>
>
> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
>
> http://www.w3.org/1999/xhtml"; xml:lang="es" lang="es">
>
> XHTML+CSS
>
>
> dl { border-bottom: 2px solid #0ba0ff; }
>
> dt
> {
> width: 15em;
> padding: 0.5em;
> float: left;
> margin: 0;
> border-top: 1px solid #0ba0ff;
> font-weight: bold;
> }
>
> dd
> {
> margin-left: 16em;
> padding: 0.5em;
> }
>
> dd.first { border-top: 1px solid #0ba0ff; }
>
>
>
>
>
>
>
>
> Lorem ipsum dolor sit amet,
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
> Curabitur enim risus, consequat at,
>
> Lorem ipsum dolor sit amet,
> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
> Curabitur enim risus, consequat at,
>
>
>
>
>
> ___
> 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
>
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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] Dt y dd en la misma línea
Hola,
me ha picado la curiosidad, y he probado, mira a ver si se ajusta a lo que
necesitas:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="es" lang="es">
XHTML+CSS
dl { border-bottom: 2px solid #0ba0ff; }
dt
{
width: 15em;
padding: 0.5em;
float: left;
margin: 0;
border-top: 1px solid #0ba0ff;
font-weight: bold;
}
dd
{
margin-left: 16em;
padding: 0.5em;
}
dd.first { border-top: 1px solid #0ba0ff; }
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur enim risus, consequat at,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur enim risus, consequat at,
___
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] Dt y dd en la misma línea
Hola Julia, creo q encontré el arreglo:
proba con estas css:
body {
font: normal .8em/1.5em Georgia, Times, serif;
}
dl {
border: 1px dotted #ccc;
float: left;
clear: both;
width: 660px;
}
dt {
clear: left;
float: left;
width: 150px;
background: beige;
margin: .5em 0;
}
dd {
margin: .5em 0;
float: left;
padding: 0;
margin: .5em 0;
width: 500px;
}
* html dd {
float: none;
margin: .5em 0 0 0;
}
___
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] Dt y dd en la misma línea
Cristian, creo que si quiere poner pares item/definición, lo mejor es que utilice listas de definición, que para eso están. -- Alex Lillo www.nordic-design.net On Tue, Feb 17, 2009 at 5:48 PM, Cristian Wilgenhoff < cristian.wi...@gmail.com> wrote: > y porque no usas una tabla para esto? > ___ > 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] Dt y dd en la misma línea
y porque no usas una tabla para esto? ___ 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] Dt y dd en la misma línea
Queres hacer algo asi:
first item: definition for first item in list
second item : definition for second item in list
extending across more than one line
third item:definition for third item in list
dl { padding: 0.5em; }
dt { float: left; clear: left; width: 100px; text-align: right;
font-weight: bold; color: green; }
dt:after { content: ":"; }
dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; }
2009/2/17, Julia Martínez :
> No se puede Laura, necesito unas dimensiones fijas.
>
> Gracias.
>
>
>
> Julia
> ___
> 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
>
--
http://daflai.wordpress.com
___
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] Dt y dd en la misma línea
Mmmm, se que parece una tontería, pero si no te descuadra mucho, ponle un borde de 1px del mismo color del fondo (para que se vea) tanto al DT como al DD. Un saludo, -- Alex Lillo www.nordic-design.net On Tue, Feb 17, 2009 at 5:18 PM, Julia Martínez wrote: > No se puede Laura, necesito unas dimensiones fijas. > > Gracias. > > > > Julia > ___ > 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] Dt y dd en la misma línea
No se puede Laura, necesito unas dimensiones fijas. Gracias. Julia ___ 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] Dt y dd en la misma línea
Has probado a quitar la anchura? _ Consigue gratis el nuevo Messenger. ¡Descárgatelo! http://download.live.com/ ___ 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] Dt y dd en la misma línea
Hola a todos,
he estado buscando información sobre las listas de definición en las que el
dd y el dt estén en la misma línea, y no he encontrado una solución
completa.
El problema está cuando el texto incluido en el (con una anchura
fija) ocupa una altura mayor que el que ocupa el comprendido dentro de la
etiqueta (también con anchura fija), entonces el de la siguiente
fila se "sube" y ya no se sitúa en la misma fila que su correspondiente
. Sólo pasa en el ie, en el firefox funciona correctamente.
Lo mejor es verlo con un ejemplo sencillo, copio el código:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; lang="es">
Red Financiera
dl, dl * { margin: 0; padding: 0; margin-top:5px}
dl{border:1px: solid red; width:650px}
dt{width:150px; background-color:#FF0; float:left; clear:both}
dd{width:500px; background-color:#CCC; float:left}
Item 1:
Definición 1.
Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item
2 Item 2 Item 2 Item 2 Item 2 Item 2:
Definición 2 - Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Pellentesque varius. In fermentum sapien quis nisi volutpat
fermentum.
Item 3:
Definición 3.
¿Sabéis como solucionarlo para que también funcione en el explorer?
Muchas gracias por adelantado.
Julia
___
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
