Oooole Kemie! ahí le has dao! Mira que había probado cosas y lo más sencillo ni se me había ocurrido.
Mil gracias! Juanlu El 5 de febrero de 2009 12:55, Kemie Guaida <[email protected]> escribió: > y si dejas el height sin definir? sucede lo mismo? > > kemie > > > Kemie Guaida > :::::::::::::::::::::::::::::::::::::::::::::::::::::: > http://www.monolinea.com > http://www.istockphoto.com/kemie > > > > -------- Original Message -------- > > Hola de nuevo, > > > > después de mucho tiempo leyendoos a diario he descubierto que desde la > > cuenta de correo que uso habitualmente no podía contactar con la lista, > sin > > embargo desde g-mail si. No se la razón o si a alguien le habrá pasado > pero > > el caso es que por fin lo he conseguido. > > > > Es probable que la consulta que os hago le suene familiar a alguien, pues > > implica a nuestro querido IE6. > > El caso es que quiero mostrar una caja con productos (libros, CDs) que > > tienen diferentes formatos. Todos ellos se presentan con la imagen de > > portada y el título a su derecha. La caja muestra un total de cinco > > productos en horizontal (para lo cual los elementos estan flotados a la > > izquierda). Para poder controlar un poco la maquetación he optado por > > definir un ancho fijo para las imagenes (cuyos originales pueden ser de > > cualquier tamaño), y declarar un height:auto, para que la imagen se > muestre > > en sus proporciones reales. > > > > La cosa pinta bien hasta que lo abres en IE6, donde las imágenes de los > > productos no aparecen en sus proporciones reales, sino comprimidas en > > vertical. Lo sorprendente (bueno, no tanto, ya sabemos que IE convierte > la > > sorpresa en rutina...;-) es que al pasar el puntero por encima de las > > imágenes, estas se redimensionan y adquieren sus proporciones reales. > > > > Os dejo el código implicado: > > > > XHTML > > <div id="arg"> > > <h2>Azken argitalpenak</h2> > > <dl> > > <dt><a href="xxx.html"><img > > src="irudiak/produktuak/Elh_hiztegia_3ed.jpg" alt="xxx" /></a></dt> > > <dd><a href="xxx.html">Nombre del producto nombre del > > producto</a></dd> > > </dl> > > <dl> > > <dt><a href="xxx.html"><img > > src="irudiak/produktuak/eusk-fran-portada.jpg" alt="xxx" /></a></dt> > > <dd><a href="xxx.html">Nombre del producto nombre del > > producto</a></dd> > > </dl> > > <dl> > > <dt><a href="xxx.html"><img > > src="irudiak/produktuak/ikaslearen-hiztegia_portada.jpg" alt="xxx" > > /></a></dt> > > <dd><a href="xxx.html">Nombre del producto nombre del > > producto</a></dd> > > </dl> > > <dl> > > <dt><a href="xxx.html"><img > > src="irudiak/produktuak/cluster_hizteg.jpg" alt="xxx" /></a></dt> > > <dd><a href="xxx.html">Nombre del producto nombre del > > producto</a></dd> > > </dl> > > <dl id="aldizkaria"> > > <dt><a href="xxx.html"><img > > src="irudiak/produktuak/ELH_azalh249.jpg" alt="xxx" /></a></dt> > > <dd><a href="xxx.html">Nombre del producto nombre del > > producto</a></dd> > > </dl> > > </div> > > > > > > CSS > > .org div#arg dl { > > float:left; > > padding-top:10px; > > width:13.6em; height:7.5em; > > } > > .org div#arg dt { > > float:left; > > margin-right:5px; > > } > > .org div#arg dt img { > > width:38px; height:auto; > > border:1px solid #666666; > > } > > .org div#arg dd { > > float:left; > > width:7.9em; > > padding-top:0; > > } > > .org div#arg dd a { > > font:bold 1em Arial, Helvetica, sans-serif; > > color:#4e4e4e; > > text-decoration:none; > > } > > .org div#arg dd a:hover { > > color:#a17102; > > text-decoration:underline; > > } > > .org div#arg dl#aldizkaria {width:10.5em;} > > .org div#arg dl#aldizkaria dd {width:6em;} > > .org div#arg dl#aldizkaria dd span { > > display:block; > > font-weight:normal; > > color:#a17102; > > } > > > > Gracias de antemano, > > Juanlu > > _______________________________________________ > > 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://lists.ovillo.org/mailman/listinfo/ovillo > > ------------------------------------------------------------------------ > > > > > > No virus found in this incoming message. > > Checked by AVG - www.avg.com > > Version: 8.0.233 / Virus Database: 270.10.18/1935 - Release Date: > 02/04/09 16:35:00 > > > > > > > _______________________________________________ > 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
