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" <[email protected]>
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 [email protected]
>> 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 [email protected]
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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n:
http://ovillo.org/mailman/listinfo/ovillo
