[Résolu] Une image dans une balise H2

Hello !

J'ai un petit problème avec IE.
Voilà mon code HTML

<div id="news">
<div class="news_gauche"><img src="images/news/test.jpg" width="95" height="94" alt="bla" />
    <h2>Pom pom pom pom</h2>
    <p><a href="?page=news&amp;type_news=actualite&amp;id=1">bli bla blo blu...</a></p>
  </div>
</div>

Voilà le CSS

.news_gauche
{
width: 49%;
float: left;
margin: 2px 2px 6px 2px;
}
#news img
{
float: left;
margin: 1px 5px 5px 5px;
}
#news h2
{
margin-top: 0px;
border-bottom: 0px;
width: 375px;
}

Sous FF, tout va bien. Ma balise H2 se glisse sous l'image (ou l'inverse).
Ce qui fait que la hauteur de H2 ne dépend que de la taille du texte.
par contre sous IE mon image reste collée sous la balise H2...
Est-ce que vous auriez une idée pour obtenir le même résultat ?

Firefox
http://www.macon.fr/h2_FF.gif
IE
http://www.macon.fr/h2_IE.gif
Modifié par BruceFeuillette (19 Apr 2006 - 15:56)

il faut mettre ton image dans la balise <h2><img src..../>popopom</h2>

Ca ne fonctionne pas, si je fais ça ma balise H2 est étirée pour englober l'image...
J'ai trouvé une indication sur ce comportement de IE ici: http://www.positioniseverything.net/explorer/guillotine.html
Le problème c'est que je n'arrive pas à mettre en oeuvre leur solution...
Modifié par BruceFeuillette (19 Apr 2006 - 15:09)

Bonjour,

Je me permet d'attirer l'attention sur un de Laurent D. ; Laurent J. semble en avoir fait un aussi (mais non accessible pour le moment...).

J'espère avoir pu t'aider dans le sens que tu désirais.

G.
Modifié par Groumphy (19 Apr 2006 - 19:19)

Merci
C'est presque ça, mais pas tout à fait
Je veux juste placer mon image décorative à gauche du texte dans la balise h2.
Par contre ça fonctionne avec les balises DL, DT et DD.
Mais bon, je me demande si utiliser des balises de définition pour présenter un début d'article est "conventionnel".

Salut,
c'est

#news h2 { width: 312px; }

qui empèche ton image de "floater" correctement... tu peux pas trouver un moyen de t'en passer ?

Ouf cool !
Effectivement, je peux m'en passer, je l'avais laissé parce que j'avais fait des bordures autour de ma balise DIV et ça me permettait d'ajuster la taille au mieux, les pourcentages ne donnant pas un résultat parfait.

Merci !