Bonjour,

J'ai utilisé le tutos http://r-hunel.developpez.com/tutoriels/css/info-bulle/
(Superbe au passage ) pour faire des infos bulles.

Par contre j'ai un ptit soucis, j'ai 2 infos-bulles proches genre :
-----------------
| BULLE 1 |
-----------------
-----------------
| BULLE 2 |
-----------------

Quand je passes le pointeur de la souris sur la bulle 1 le texte étant assez 'long', je vois apparaitre le texte 'BULLE 2' ( dans l'exemple ) ...

J'ai un peu cherché mais j'arrive pas à résoudre le soucis.

PS : j'ai testé sur IE7 & Firefox 3 (Mac & PC)

Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<div id="blocsDroite">
 <div id="formulaire4prochainsBus">
  <div class="margeGaucheBlocsDroite">&nbsp;</div>
   <div class="texteBlocsDroite" >
    <a href="#" class="info_bulle">Titre info bulle 1
     <span class="info_bulle">
      Texte info bulle 1
     </span>
    </a>
  </div>
 </div>
 
 <div id="formulaireRechercheItineraires">
  <div class="margeGaucheBlocsDroite">&nbsp;</div>
   <div class="texteBlocsDroite" >
    <a  class="info_bulle" href="#">Titre info bulle 2
    <span class="info_bulle">
     Texte info bulle 2
    </span>
   </a>
  </div>
 </div>
</div>

J'utilise le code CSS tel quel dans le tutos. Mais si c'est nécessaire je posterai la feuille de style.

Merci D'avance