infobulle - j'aimerais qu'elle reste ouverte.

[Invité]

Bonjour,

→ adresse du forum : http://assassinscreed-evol.forumactif.org/
→ version phpBB2.
→ fondatrice du forum.
→ j'utilise chrome & firefox.

Encore une fois, merci du temps que vous allez m'accorder.

Mon problème est simple. Pour le moment, mes infobulles s'affichent au passage de la souris et disparaissent une fois que la souris n'est plus sur l'image. Ce que j'aimerais, c'est que mes infobulles restent affichées, même si la souris n'est plus que l'image. j'ai eu beau chercher de l'aide, je n'ai pas trouvé. et s'il s'agit de javascript, je suis nulle.

le code css

Code:

a.imginfopa{
position: relative;
text-decoration: none;}

a.imginfopa span{display: none;}

a.imginfopa:hover{
background: none;
z-index: 999;}

a.imginfopa:hover span{
display: inline;
position: absolute;
top: 10px;
left: 0px;
background: #CCCDCE;
padding: 0px;
width:106px; height:38px;
opacity:0.9;
text-align:center;}

le code html

Code:

<a class="imginfopa">
  <img src="http://i69.servimg.com/u/f69/11/39/31/72/camero10.png"/>
      <span>
      <table align="center">
        <tbody>
            <tr>
              <td>
                <div style="font-size:9px;">
                  <strong>CAMERON J. LOGAN</strong><br/><i>administratrice</i><br/><a href="http://assassinscreed-evol.forumactif.org/u5" target="_blank">profil</a> - <a href="http://assassinscreed-evol.forumactif.org/privmsg?mode=post&u=5" target="_blank">mp</a>
                </div>
              </td>
          </tr>
        </tbody>
      </table>
    </span>
</a>

merci !

[Invité]

je fais un petit up. (:

[Invité]

problème toujours pas résolu. je up. (:

[Matriochka]

Bonjour,

À ce moment, je dirai qu’il faut oublier l’idée de l’infobulle et voir plutôt pour faire un tableau à onglet :
https://forum.forumactif.com/t310879-tableaux-a-onglets

[Invité]

bonjour matriochka,

j'ai lu le tutoriel et ça me convient parfaitement. merci beaucoup !

cordialement.