28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Le principe d'une image flottante est de pouvoir être habillée par le texte. Par exemple, une image avec float:left insérée dans un paragraphe est bien habillée. Mais, insérée dans une liste, elle est habillée dans MSIE et pas habillée dans Firefox. Accessoirement, le numéro 1 de la liste n'est pas placé au même endroit dans les 2 navigateurs, et le numéro 2 disparait...
Je voudrais bien que FF se comporte ici comme MSIE. Comment faire?
Merci.
<ol>
  <li><img src="fish.gif" style="float: left;">Lorem ipsum dolor sit amet, etc. ... </li>
  <li style="color:#FF0000;">Ut nonummy dui sit amet ligula. etc.</li>
</ol>
upload/2872-Image3.jpg
Modifié par jojojr (03 May 2006 - 14:11)
J'ai oublié de préciser que le problème de "non-habillage" de l'image se présente (dans FireFox) lorsque l'image ne tient pas (en hauteur) dans le texte d'un paragraphe de type <li>. Dans ce cas de figure, le texte du paragraphe de liste suivant reste aligné (à gauche si l'image a un float:left) sur une "marge" correspondant à la largeur de l'image, au lieu de revenir l'habiller au-dessous (comme le fait bien MSIE).
En revanche, si l'image tient en hauteur à l'intérieur d'un paragraphe de type liste, tout va bien (voir nouvelle image jointe).
upload/2872-Image1.jpg