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" <[email protected]> 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" <[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 _______________________________________________ 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
