Infobulles dans message

[zigormuch]

Bonjour !!
Alors je vous expose mon problème. J'ai un forum RPG et dans un bottin je souhaiterais mettre une infobulle sur le nom de l'avatar. Avec les images dans ma page d'accueil, tout fonctionne très bien, mais sur un texte, bizarrement rien de s'affiche -_-

Pourriez vous m'aidez ?

Merci d'avance !

[Ea]

Bonjour,


Quel code vous mettez dans un message ( qui ne fonctionne pas ) ?

Cordialement.

[zigormuch]

Voici tout le code avec la partie infobulle qui ne fonctionne pas. La bulle apparait mais les informations ne sont pas dedans alors que dsur la page d'accueil cela fonctionne très bien mais avec une image.

Code:

<center><table width="430" bgcolor="#CCBEB2" cellpadding="6" cellspacing="1"><tr><td bgcolor="#ffffff"><table width="488" bgcolor="#B49361"><tr>

[size=18][color=#C8DFEA]●[/color][color=#AFD0E0]●[/color][color=#93C0D5]● [font=Georgia]Fonctionnement[/font][/color][/size]
<div style="background:#93C0D5">[size=2].[/size]</div>
<blockquote>[color=#AAAAAA][justify][b]CONCERNANT LES SCENARIIS[/b] ; Nous avons décider d'inover un peu pour les scenarios. Cette fois ci par d'histoire, vous découvrirez simplement le lien que recherche le membre inscrit. A vous d'inventez l'histoire qui vous plaît ou de voir avec le créateur du scenarii. Le lien est à respecter. Passer simplement le curseur sur l'avatar et vous aurez toutes les informations nécessaires sur le scenarii. [/justify][/color]
</blockquote>

[size=18][color=#C8DFEA]●[/color][color=#AFD0E0]●[/color][color=#93C0D5]● [font=Georgia]listing des scenarii[/font][/color][/size]
<div style="background:#93C0D5">[size=2].[/size]</div>
[list][list][color=#CD5C5C][b]▬▬▬ scenarii définitivement pris[/b][/color]
[color=#BDB76B][b]▬▬▬ scenarii libres[/b][/color]
[color=#DEB887][b]▬▬▬ scenarii réservées sur demande[/b][/color][/list]
[color=#AAAAAA]→ abc
<div class="celebrite">PRENOM NOM DU PERSO<span>blabla</span></div>

<a class="imginfo">[color=#BDB76B]Chace CRAWFORD[/color] <span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><u> Nature du lien </u><font color="#401d16">Scénario de </font></u><br> <strong>PREOMS & NOMS</strong><br> </td></tr><tr><td style="text-align: center;"><a href="LIEN">CONTACTER</a><br></td></tr><tr align="center"></tr></tbody></table></span></a>
[color=#BDB76B]Clemence POESY[/color]

→ def
[color=#DEB887]Dianna AGRON[/color]
[color=#BDB76B]Ed WESTWICK[/color]
[color=#BDB76B]Francisco LACHOWSKI[/color]

→ ghi
[color=#DEB887]Ian SOMERHALDER[/color]

→ jkl
[color=#DEB887]Jamie DORMAN[/color]
[color=#DEB887]Jared PADALECKI[/color]
[color=#BDB76B]Josh DUSCHAMEL[/color]
[color=#BDB76B]Keira KNIGHTLEY[/color]
[color=#DEB887]Leighton MEESTER[/color]
[color=#BDB76B]Luke GRIMES[/color]

→ mno
[color=#BDB76B]Nico TORTORELLA[/color]

→ pqr
[color=#BDB76B]Paul WESLEY[/color]

→ stu
[color=#BDB76B]Sophia BUSH[/color]

→ vwxyz[/color][/list]
</tr></td></tr></table></table></center>

et le CSS lié, j'ai essayé sans le img mais ca ne change rien :/

Code:

/* INFOBULLES */
a.imginfo {
  position: relative;
  color: #A89365;
  text-decoration: none;
  border-bottom: 0px #a83a3e solid;
 -moz-border-radius: 20px 20px 20px 20px;
}

a.imginfo {
  position: relative;
  color: #A89365;
  text-decoration: none;
  border-bottom: 0px #9C8C80 solid; /* on souligne le texte */
 -moz-border-radius: 20px 20px 20px 20px;
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 10px; /* on positionne notre infobulle */
  left: -20px;
  background-color: #f7f0e7;
  color: #A89365;
  padding: 3px;
  border: 0px solid grey;
  border: 3px solid #a83a3e;
 -moz-border-radius: 20px 20px 20px 20px;
}


[Ea]

C'est probablement le tableau qui est juste " mal fait ".

On commence par :

Code:

<center><table width="430" bgcolor="#CCBEB2" cellpadding="6" cellspacing="1"><tr><td bgcolor="#ffffff"><table width="488" bgcolor="#B49361"><tr>

Et on finit par :

Code:

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

Alors que ça devrait être :

Code:

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

Et commencer par :

Code:

<center><table width="430" bgcolor="#CCBEB2" cellpadding="6" cellspacing="1"><tr><td bgcolor="#ffffff"><table width="488" bgcolor="#B49361"><tr><td>

Cordialement.

[zigormuch]

En effet je n'avais pas pensé à vérifier le reste du codage, ce n'est pas moi qui l'est fait -_-

Du coup ca modifier le reste du contenu mais l'infobulle y est donc je m'arrangerais pour remettre le reste, merci infiniment !