27-07-2007, 09:16 AM
J'ai regardé le code plus en détail et voici ce que j'ai trouvé :
La classe info est définie en position:relative.
La classe p_main est définie position:absolute.
Comme ton tag<IMG> (classe p_main) est inclu dans le tag <a> (classe info), il va se positionner relativement par rapport à son parent et non par rapport à la page...
Pour passer ce problème, tu peux inclure le tout dans un <div> qui lui aura la classe p_main.
Voici un exemple de code HTML qui fonctionne avec ton CSS
De cette manière, ton bloc image+tooltip est positionné correctement.
La classe info est définie en position:relative.
La classe p_main est définie position:absolute.
Comme ton tag<IMG> (classe p_main) est inclu dans le tag <a> (classe info), il va se positionner relativement par rapport à son parent et non par rapport à la page...
Pour passer ce problème, tu peux inclure le tout dans un <div> qui lui aura la classe p_main.
Voici un exemple de code HTML qui fonctionne avec ton CSS
Code PHP :
<?php
<div style="position: relative;">
<img src="image/batiments/fond.jpg" alt="" height="418" width="600">
<div class="p_main">
<a class="info" href="">
<img src="image/batiments/mine_fer.gif" alt="Mine de fer">
<span>Voici là mine de fer.</span>
</a>
</div>
</div>