Hola Ra�l,
uis: dl {position:relative} :d
Wednesday, May 4, 2005, 8:51:44 PM, you wrote:
RM> Hola eemece2,
RM> pos yo pondr�a el mas alto - height - (la descripci�n) con position
relative
RM> (el position no es necesario pero clarfica) y el mas peque�o (en
RM> pricipio solo tendr� una linea, en este caso nos viene feten) el
RM> dt en position absolute, con un ancho (ya que lo utiliz�is me
RM> aprovecho). Para que el dd salve este espacio nos valed
RM> con un margin-left.
RM> <dl>
RM> <dt>...</dt>
RM> <dd></dd>
RM> </dl>
RM> dl{ width: 30em;/*no se que fontsize utilizamos asi que estos 20 nos
valen*/
RM> background;#333 url(linea.gif) repeat-y 10em 0;} /*fauxColum*/
RM> dt{position:absolute;
RM> width:10em;
RM> top:0;left:0;}/*para que quede claro donde van*/
RM> dd{position:relative;/*pa que se sepa que esto ocupa espacio*/
RM> margin-left:10em;}
RM> /*No esta compilao :), sorry si me equivoque*/
RM> a mi me parece lo mas practico ;)
RM> 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
RM> Saludos.
RM> _________________________________
RM> Todo lo que no aprend�,
RM> no se me ha olvidado.
RM> _________________________________
RM> _______________________________________________
RM> Lista de distribuci�n Ovillo
RM> Para escribir a la lista, envia un correo a [email protected]
RM> Puedes modificar tus datos o desuscribirte en la siguiente
RM> 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
