Re: [Ovillo] Dt y dd en la misma línea

2009-02-19 Por tema jop
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

2009-02-18 Por tema Julia Martínez
Hola de nuevo,

con un popurrí de los códigos que enviasteis he conseguido que funcione para
IE y FF:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xml:lang=es xmlns=http://www.w3.org/1999/xhtml; lang=es
 head
titleDt y Dl en las misma línea/title

meta http-equiv=Content-Type content=text/html; charset=UTF-8

style
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}

/style

/head

 body
dl
dtItem 1:/dt
 ddDefinición 1./dd

dtItem 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:/dt
ddDefinición 2./dd

dtItem 3:/dt
  ddDefinición 3./dd
/dl
/body

/html



Gracias de nuevo.

Julia





El 18 de febrero de 2009 8:32, Julia Martínez
mjmi.webmas...@gmail.comescribió:

 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

2009-02-18 Por tema Alex Lillo
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 mjmi.webmas...@gmail.com

 Hola de nuevo,

 con un popurrí de los códigos que enviasteis he conseguido que funcione
 para
 IE y FF:

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
 html xml:lang=es xmlns=http://www.w3.org/1999/xhtml; lang=es
  head
titleDt y Dl en las misma línea/title

meta http-equiv=Content-Type content=text/html; charset=UTF-8

 style
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}

/style

/head

  body
dl
 dtItem 1:/dt
 ddDefinición 1./dd

dtItem 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:/dt
 ddDefinición 2./dd

dtItem 3:/dt
  ddDefinición 3./dd
/dl
/body

 /html



 Gracias de nuevo.

 Julia





 El 18 de febrero de 2009 8:32, Julia Martínez
 mjmi.webmas...@gmail.comescribió:

  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


[Ovillo] Dt y dd en la misma línea

2009-02-17 Por tema Julia Martínez
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 dt (con una anchura
fija) ocupa una altura mayor que el que ocupa el comprendido dentro de la
etiqueta dd (también con anchura fija), entonces el dd de la siguiente
fila se sube y ya no se sitúa en la misma fila que su correspondiente
dt. Sólo pasa en el ie, en el firefox funciona correctamente.

Lo mejor es verlo con un ejemplo sencillo, copio el código:


!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xml:lang=es xmlns=http://www.w3.org/1999/xhtml; lang=eshead
  titleRed Financiera/title

  meta http-equiv=Content-Type content=text/html; charset=UTF-8
  meta name=description content=Red Financiera
  style
   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}

  /style

 /head

 body
  dl
dtItem 1:/dt
 ddDefinición 1./dd

dtItem 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:/dt
ddDefinición 2 - Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Pellentesque varius. In fermentum sapien quis nisi volutpat
fermentum.
/dd
dtItem 3:/dt
 ddDefinición 3./dd
/dl
 /body

/html


¿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


Re: [Ovillo] Dt y dd en la misma línea

2009-02-17 Por tema Laura García

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


Re: [Ovillo] Dt y dd en la misma línea

2009-02-17 Por tema 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


Re: [Ovillo] Dt y dd en la misma línea

2009-02-17 Por tema Alex Lillo
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 mjmi.webmas...@gmail.comwrote:

 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

2009-02-17 Por tema Jose Leiva
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 mjmi.webmas...@gmail.com:
 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

2009-02-17 Por tema Cristian Wilgenhoff
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

2009-02-17 Por tema Alex Lillo
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

2009-02-17 Por tema Cristian Wilgenhoff
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;
}

 /style
___
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

2009-02-17 Por tema sebastian garcia-valenciano
Hola,

me ha picado la curiosidad, y he probado, mira a ver si se ajusta a lo que
necesitas:



!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;

html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
head
titleXHTML+CSS/title

style
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; }

/style

/head

body

dl
dtLorem ipsum dolor sit amet,/dt
dd class=firstLorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur enim risus, consequat at, /dd

dtLorem ipsum dolor sit amet,/dt
dd class=firstLorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur enim risus, consequat at, /dd

/dl

/body
/html
___
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

2009-02-17 Por tema Ignacio Ricci
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:



 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;

 html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
 head
 titleXHTML+CSS/title

 style
 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; }

 /style

 /head

 body

 dl
 dtLorem ipsum dolor sit amet,/dt
 dd class=firstLorem ipsum dolor sit amet, consectetur adipiscing elit.
 Curabitur enim risus, consequat at, /dd

 dtLorem ipsum dolor sit amet,/dt
 dd class=firstLorem ipsum dolor sit amet, consectetur adipiscing elit.
 Curabitur enim risus, consequat at, /dd

 /dl

 /body
 /html
 ___
 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

2009-02-17 Por tema Cristian Wilgenhoff
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

2009-02-17 Por tema Julia Martínez
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