[Ovillo] al flotar imagen desaparecen quadritos de las listas
Joan
joan.teixido en ya.com
Mar Jul 4 22:47:50 UTC 2006
Hola buenas,
tengo un corportamiento extraño en explorer (oh! sorpresa) q no he
localizado en la web. Tengo dentro de un div una imagen con float left i una
lista a su derecha, que tiene un puntito rojo insertado como background a la
izquierda. El resultado és que en explorer, el puntito queda debajo de la
imagen y no a su derecha... teneis alguna explicación y solución?
Dentro del div he puesto otro div con clear pq el div.requadreRessaltat
tiene un fondo de color y como la imagen es más alta q el texto, quiero q el
fondo se expanda con la imagen. En este caso, aunque lo quite el problema
con los quadritos es el mismo o sea q ni caso.
Mil gracias.
Aquí va un poco de código:
----htm----
<div class="requadreRessaltat">
<img class="paragraf" width="100px" src="imatges/llibres/memoria.jpg" />
<ul class="quadres">
<li>Volem que coneguis amb detall la feina que fem dia a dia des de la
Fundació.</li>
<li><a href="docs/memoria2005.pdf">Descarregat la memòria en versió
pdf</a></li>
</ul>
<div class="clear"> </div>
</div>
---css---
ul.quadres {
padding-top:20px;
}
ul.quadres li{
padding-left:10px;
background:url(../imatges/quadrat5_5.png) left no-repeat; /* cuadrito rojo
q queda a la izquierda de cada li */
margin-left:2em;
margin-top:0.4em;
font-size:1.2em;
}
img.paragraf {
float:left;
margin:5px 10px;
}
Joan
Más información sobre la lista de distribución Ovillo