Problème Images et Infobulles.

[lily1412]

Bonjour,

Je viens une nouvelle fois vous demander de l'aide, car je n'arrive pas à placer mes images avec infobulles sur la même ligne sans qu'il n'y ait un truc qui va pas.
Je reste bloquée à ça :

Ce matin, j'ai réussi à placer plusieurs membres du staff sur la même ligne, mais les infobulles se chevauchaient ! Et maintenant je n'arrive même plus à aligner plusieurs images :/

Ce que j'aimerai c'est pouvoir aligner trois ou quatre photos sur la même ligne, et pouvoir faire 2 ou 3 rangées.
Je vous donne mon code de page d'acceuil, avec ma première image et infobulle fonctionne

Code:

 
<span class="infobulle"><img src=<a href="http://www.servimg.com/image_preview.php?i=39&u=16438213" class="postlink" target="_blank" rel="nofollow"><img src="http://i23.servimg.com/u/f23/16/43/82/13/copie_11.jpg" border="0" alt="" /></a><span><i> Fondatrice/ Administratrice  Time et Edition</i></a></span>

                </div></td>

    </tr>
    </table>
    </center>

Ce sont ces quatres images que j'aimerai mettre suite à suite (+ infobulles) :
Voilà, j'espère que j'ai été assez clair dans mon problème et dans ce que je voulais. Merci d'avance.

[Threax]

Bonjour,

J'ai simplement retiré les <div> </div> pour tester, donc donnant ceci :
(partie des infobulles seules)

Code:

<span class="infobulle"><img rel="nofollow" target="_blank" class="postlink" href="http://www.servimg.com/image_preview.php?i=39&amp;u=16438213" src="&lt;a"><img border="0" alt="" src="http://i23.servimg.com/u/f23/16/43/82/13/copie_11.jpg"><span><i> Fondatrice/ Administratrice  Time et Edition</i></span></span>

<span class="infobulle"><img rel="nofollow" target="_blank" class="postlink" image_preview.php?i="49&amp;u=16438213&quot;" www.servimg.com="" http:="" src="&lt;a href="><img border="0" alt="" src="http://i23.servimg.com/u/f23/16/43/82/13/lee_se14.jpg"><span>Traductrice/ Check/ Time/ Encodage</span></span>

<span class="infobulle"><img rel="nofollow" target="_blank" class="postlink" image_preview.php?i="50&amp;u=16438213&quot;" www.servimg.com="" http:="" src="&lt;a href="><img border="0" alt="" src="http://i23.servimg.com/u/f23/16/43/82/13/97336913.jpg">
<span><i>Checkeuse</i></span></span>

Voici le résultat obtenu :

C'est bien ce que vous souhaitez ?

[lily1412]

Oui je vous remercie, c'est ce que je voulais !

Pour pouvoir faire une autre ligne de trois images en dessous, dois-je mettre quelque chose avant le prochain code (<div> .. ou autre ?)

Merci d'avance.

[Threax]

<br /> devrait suffire, je pense

[lily1412]

Oui c'est parfait. Merci beaucoup !!