Re: [Ovillo] Problemas con una lista usada como galer ía de imágenes

Tue, 27 Nov 2007 04:44:13 -0800 

Yo lo q hago, no se si esta bien, pero funciona, es debajo de cada fila de 2
(en tu caso), pongo un clear:both. Y entonces da igual la altura de
cualquiera de las dos imágenes, espero q te sirva.

Edu

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Fernando
Enviado el: martes, 27 de noviembre de 2007 13:37
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Problemas con una lista usada como galería de imágenes

Buenos días listeros.

Tengo una lista de imágenes, que quier que aparezca de dos en dos. Las
imágenes, normalmente serán del mismo ancho, pero no del mismo alto.

Mi problema es que si las dos primeras, en un ejemplo de 4 fotos, son
iguales de altas, es que NO hay problema. Pero si una de las dos, es más
baja (o alta según se mire), en la segunda fila de fotos en EXPLORER 7 (el
firefox lo muestra como a mí me gustaría que se mostrase) la foto que va
debajo de la más baja sube hasta el pie de la más baja, con lo que la
segunda fila de fotos no empiezan a la misma altura.

Os dejo un ejemplo de lo que hablo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title> <style>
ul{margin:0;overflow:hidden;border:1px solid green;width:400px;} ul
li{float:left;margin:0.5em
0.2em;list-style:none;width:190px;overflow:hidden;border:1px
solid red;}
.quitarfloat{clear:left;}
.cuatro{float:right;}
</style>
</head>

<body>
<ul>
    <li><img src="http://img156.imageshack.us/img156/8858/lis1wb0.jpg";
/></li>
    <li><img src="http://img103.imageshack.us/img103/5440/edo3mq2.jpg";
/></li>
    <li class="quitarfloat"><img src="
http://img103.imageshack.us/img103/6927/bana5yy3.jpg";</li>
    <li><img src="http://img508.imageshack.us/img508/2671/ira1ob0.jpg";
/></li>
</ul>
</body>
</html>


Espero puedan ayudarme, y muchas gracias por todo
_______________________________________________
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo

Responder a