Hola Raul y todos,
Si no me equivoco, tus estilos son para un xhtml como este:
<dl>
<dt>Nombre científico</dt>
<dd>Buho Real</dd>
</dl>
<dl>
<dt>Orden</dt>
<dd>Strigiformes Strigiformes Strigiformes Strigiformes Strigiformes </dd>
</dl>
<dl>
<dt>Familia</dt>
<dd>Strigidos</dd>
</dl>
¿no?
¿No corresponde el <dl> a una lista de definiciones? de manera que en una
sola lista se incluyen varias definiciones <dt> <dd> tipo...
<dl>
<dt>Nombre científico</dt>
<dd>Buho Real</dd>
<dt>Orden</dt>
<dd>Strigiformes Strigiformes Strigiformes Strigiformes Strigiformes </dd>
<dt>Familia</dt>
<dd>Strigidos</dd>
</dl>
En este ultimo caso, usando tus estilos, los dt se amontonan arriba.
Pooor comentarrlo... :-)
Un saludo,
Edu
----- Original Message -----
From: "Raúl Martín" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Sent: Wednesday, May 04, 2005 8:51 PM
Subject: Re[2]: [Ovillo] Tabla compleja: ¿Accesible?
> Hola eemece2,
>
> pos yo pondría el mas alto - height - (la descripción) con position
relative
> (el position no es necesario pero clarfica) y el mas pequeño (en
> pricipio solo tendrá una linea, en este caso nos viene feten) el
> dt en position absolute, con un ancho (ya que lo utilizáis me
> aprovecho). Para que el dd salve este espacio nos valed
> con un margin-left.
>
> <dl>
> <dt>...</dt>
> <dd></dd>
> </dl>
>
>
> dl{ width: 30em;/*no se que fontsize utilizamos asi que estos 20 nos
valen*/
> background;#333 url(linea.gif) repeat-y 10em 0;} /*fauxColum*/
>
> dt{position:absolute;
> width:10em;
> top:0;left:0;}/*para que quede claro donde van*/
>
> dd{position:relative;/*pa que se sepa que esto ocupa espacio*/
> margin-left:10em;}
>
>
> /*No esta compilao :), sorry si me equivoque*/
>
> a mi me parece lo mas practico ;)
>
>
>
>
> Wednesday, May 4, 2005, 8:28:40 PM, you wrote:
>
> e> Hola Camilo,
>
> e> Tienes razón, si llevase varios animales juntos, una tabla puede ser
mas
> e> correcto.
>
> e> Respecto a lo del css-margen negativo es la unica manera que se me
ocurre
> e> (si quieres que se parezca a una tabla).
> e> soy todo oidos si sabes alguna alternativa :-)
>
> e> Un saludo,
> e> Edu
>
> e> ----- Original Message -----
> e> From: "Camilo Kawerín" <[EMAIL PROTECTED]>
> e> To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
> e> Sent: Wednesday, May 04, 2005 7:22 PM
> e> Subject: Re: [Ovillo] Tabla compleja: ¿Accesible?
>
>
> >> Hola
> >>
> >> eemece2 escribió:
> >> > Aupa Borja!
> >> >
> >> > ¿has intentado hacerlo sin tablas, en concreto con listas de
> e> definición?:
> >> >
> >> http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-list.html#sec_10.1.
> >> > semanticamente sera mas correcto.
> >> > Mas o menos:
> >> >
> >> > <dl>
> >> > <dt>Nombre científico</dt>
> >> > <dd>Buho Real</dd>
> >> >
> >> > <dt>Orden</dt>
> >> > <dd>Strigiformes</dd>
> >> >
> >> > <dt>Familia</dt>
> >> > <dd>Strigidos</dd>
> >> > </dl>
> >> Yo creo que si en la página tendrías una lista con varios animales, lo
> >> correcto sería una tabla. Si se trata de cada página debe ser una ficha
> >> de un solo animal, pues entonces sí creo que la lista de definición
> >> sería mejor.
> >>
> >> >
> >> > Claro que lograr la misma apariencia visual sera complicado, pero
> e> bueno...
> >> >
> >> > .. usando un margin negativo en dd puedes simular un poco la forma de
la
> >> > tabla, mas o menos :
> >> >
> >> > body{
> >> > font-size: medium;
> >> > }
> >> > dl{
> >> > width: 25em;
> >> > }
> >> > dt{
> >> > margin-bottom:0.4em;
> >> > padding: 0.2em;
> >> > width: 10em;
> >> > }
> >> > dd{
> >> > margin-left: 10em;
> >> > margin-top: -1.8em;
> >> > background-color: #eee;
> >> > padding: 0.2em;
> >> > }
> >> >
> >> ¿Y porqué no...?
> >>
> >> dl{
> >> width: 25em;
> >> }
> >> dt{
> >> *float: left;*
> >> margin-bottom:0.4em;
> >> padding: 0.2em;
> >> width: 10em;
> >> }
> >> dd{
> >> *float: right;*
> >> background-color: #eee;
> >> padding: 0.2em;
> >> width: 15em;
> >> }
> >>
> >> No lo probé, pero creo que lograría el efecto con menos complicaciones
> >> que el margen negativo (que suele provocar indigestión a IE).
> >> _______________________________________________
> >> 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:
> e> http://ovillo.org/mailman/listinfo/ovillo
>
> e> _______________________________________________
> e> Lista de distribución Ovillo
> e> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> e> Puedes modificar tus datos o desuscribirte en la siguiente
> e> dirección: http://ovillo.org/mailman/listinfo/ovillo
>
>
>
>
> Saludos.
>
> _________________________________
>
> Todo lo que no aprendí,
> no se me ha olvidado.
> _________________________________
>
>
>
> _______________________________________________
> 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
