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>
>        <title>Dt 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>
>             <dt>Item 1:</dt>
>                 <dd>Definición 1.</dd>
>
>            <dt>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:</dt>
>                 <dd>Definición 2.</dd>
>
>            <dt>Item 3:</dt>
>              <dd>Definición 3.</dd>
>        </dl>
>    </body>
>
> </html>
>
>
>
> Gracias de nuevo.
>
> Julia
>
>
>
>
>
> El 18 de febrero de 2009 8:32, Julia Martínez
> <mjmi.webmas...@gmail.com>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

Responder a