Infobulle qui ne s'affiche pas

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Infobulle qui ne s'affiche pas

Message par softbreath le Ven 19 Aoû 2011 - 5:19

Bonjour/Bonsoir.

Lorsque j'ai eu terminé ma PA, mes infobulles ne fonctionnaient pas. Pourtant, le code a été copié/collé de mon forum de test, et sur ce forum-là, il code fonctionnait très bien. Peut-être pourriez-vous m'aider à trouver le problème ?

Voici le code CSS que j'ai concernant mes infobulles.
Spoiler:
Code:

*/ INFOBULLE /*

* {
  font-size: 11px; /* On définit les propriétés de texte pour toutes les balises. */
  font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
  position: relative;
  color: black;
  text-decoration: none;
  border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info span {
  display: none; /* On masque l'infobulle. */
}
a.info:hover {
  background: none; /* Correction d'un bug d'Internet Explorer. */
  z-index: 999; /* On définit une valeur pour l'ordre d'affichage. */

  cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info: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: 30px; /* On positionne notre infobulle. */
  left: 20px;

  background: white;

  color: green;
  padding: 3px;

  border: 1px solid green;
  border-left: 4px solid green;
}


*/ FIN INFOBULLE /*

Et voici ce que j'ai dans ma PA. Mes infobulles se retrouvent dans la partie "Staff".
Spoiler:
Code:
<table style="position: fixed; bottom: 50px; left: 0px;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i48.servimg.com/u/f48/16/78/13/78/open_c10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i48.servimg.com/u/f48/16/78/13/78/open_c10.png')?'block':'none';this.src=(this.src=='http://i48.servimg.com/u/f48/16/78/13/78/open_c10.png')?'http://i48.servimg.com/u/f48/16/78/13/78/close_10.png':'http://i48.servimg.com/u/f48/16/78/13/78/open_c10.png';"/></td></tr></table>

<table style="width: 470px; border-collapse:collapse;"><tr><td><div style="width: 280px; height: 25px; background-color: #46332F; border-top: #968375 3px solid; border-bottom: #968375 3px solid; -moz-border-radius: 20px 0px 0px 0px;"><div style="margin:auto;text-align:center;width:100%"><div style="font-family:Courier New;font-size:20px; color: white; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:2px;margin-bottom:0px; text-shadow: black 1px 1px;">CONTEXTE</div></div></div><div style="width: 250px; height: 250px; background-color: #46332F; color: #968375; -moz-border-radius: 0px 0px 0px 0px; padding:10px 15px 15px;"><div style="width:260px;height:250px;overflow:auto;"><div align="justify">Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah...</div></div></blockquote></div></div></td><td><table style="border-collapse:collapse;"><tr><td><div style="width: 280px; height: 25px; background-color: #46332F; border-top: #968375 3px solid; border-bottom: #968375 3px solid; -moz-border-radius: 0px 20px 0px 0px;"><div style="margin:auto;text-align:center;width:100%"><div style="font-family:Courier New;font-size:20px; color: white; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:2px;margin-bottom:0px; text-shadow: black 1px 1px;">STAFF</div></div></div><div style="width: 250px; height: 90px; background-color: #46332F; color: white; -moz-border-radius: 0px 0px 0px 0px; padding:10px 15px 15px;"><div align="center"><a href="#" class="info"><img src="http://i48.servimg.com/u/f48/16/78/13/78/hote11.png" border="0" alt="" /><span>L'hôte<br>Fondateur<br>MP - Profil</span></a> <a href="#" class="info"><img src="http://i48.servimg.com/u/f48/16/78/13/78/anouk12.png" border="0" alt="" /><span>Rachel Harper<br>Administratrice<br>Mp - Profil</span></a> <a href="#" class="info"><img src="http://i48.servimg.com/u/f48/16/78/13/78/lucile12.png" border="0" alt="" /><span>Matthew Jefferson<br>Administrateur<br>Mp - Profil</span></a> <a href="#" class="info"><img src="http://i48.servimg.com/u/f48/16/78/13/78/pasc12.png" border="0" alt="" /><span>Logan White<br>Administrateur<br>Mp - Profil</span></a></div></div></div></td></tr><tr><td><div style="width: 280px; height: 25px; background-color: #46332F; border-top: #968375 3px solid; border-bottom: #968375 3px solid;"><div style="margin:auto;text-align:center;width:100%"><div style="font-family:Courier New;font-size:20px; color: white; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:2px;margin-bottom:0px; text-shadow: black 1px 1px;">AFFILÉS</div></div></div><div style="width: 250px; height: 102px; background-color: #46332F; color: white; -moz-border-radius: 0px 0px 0px 0px; padding:10px 15px 15px;"><br><div align="center"><img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" />
<img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" />
<img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> <img src="http://img688.imageshack.us/img688/2962/sanstitre8copie.png" border="0" alt="" /> </div></div></td></tr></table></td></tr></table><table style="width: 500px; border-collapse:collapse;"><tr><td><div style="width: 200px; height: 25px; background-color: #46332F; border-top: #968375 3px solid; border-bottom: #968375 3px solid;"><div style="margin:auto;text-align:center;width:100%"><div style="font-family:Courier New;font-size:20px; color: white; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:2px;margin-bottom:0px; text-shadow: black 1px 1px;">POSTES VACANTS</div></div></div><div style="width: 170px; height: 110px; background-color: #46332F; color: white; -moz-border-radius: 0px 0px 0px 20px; padding:10px 15px 15px;"><center>UNDERCO.</center></div></td><td><div style="width: 185px; height: 25px; background-color: #46332F; border-top: #968375 3px solid; border-bottom: #968375 3px solid;"><div style="margin:auto;text-align:center;width:100%"><div style="font-family:Courier New;font-size:20px; color: white; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:2px;margin-bottom:0px; text-shadow: black 1px 1px;">INFORMATIONS</div></div></div><div style="width: 155px; height: 110px; background-color: #46332F; color: #968375; -moz-border-radius: 0px 0px 0px 0px; padding:10px 15px 15px;"><MARQUEE behavior="scroll" align="center" direction="up" height="110px" width="150px" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'>♣ Le forum est en construction<br><br>♣ Créations de postes vacants en cours<br><br>♣ Le desing est de © PYT<br><br>♣ Veuillez respecter le travail des administrateurs !</marquee></div></td><td><div style="width: 175px; height: 25px; background-color: #46332F; border-top: #968375 3px solid; border-bottom: #968375 3px solid;"><div style="margin:auto;text-align:center;width:100%"><div style="font-family:Courier New;font-size:20px; color: white; font-weight:bold;text-transform:uppercase;text-align:center;margin-top:2px;margin-bottom:0px; text-shadow: black 1px 1px;">NOUS LIER</div></div></div><div style="width: 145px; height: 110px; background-color: #46332F; color: #46332F; -moz-border-radius: 0px 0px 20px 0px; padding:10px 15px 15px;"><br><div align="center"><img src="http://img11.hostingpics.net/pics/640068partenariat1.png" border="0" alt="" /><br><br><img src="http://img11.hostingpics.net/pics/789380partenariat3.png" border="0" alt="" /></div></div></td></tr></table>

J'espère que vous pourrez m'aider.

Cordialement.

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle qui ne s'affiche pas

Message par Anzu le Ven 19 Aoû 2011 - 13:37


Bonjour,

Remplacez votre css par celle ci:

Code:
       
        */ INFOBULLE /*
       
        * {
          font-size: 11px; /* On définit les propriétés de texte pour toutes les balises. */
          font-family: Tahoma, Verdana, Arial, serif;
        }
        a.info {
          position: relative;
          color: black;
          text-decoration: none;
          border-bottom: 1px gray dotted; /* On souligne le texte. */
        }
        a.info span {
          display: none; /* On masque l'infobulle. */
        }
        a.info:hover {
          background: none; /* Correction d'un bug d'Internet Explorer. */
          z-index: 999; /* On définit une valeur pour l'ordre d'affichage. */
       
          cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
        }
        a.info: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é. */
       
          background: white;
       
          color: green;
          padding: 3px;
       
          border: 1px solid green;
          border-left: 4px solid green;
        }
       
       
        */ FIN INFOBULLE /*

J'ai retiré cette partie:

Code:
top: 30px;
  left: 20px;

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle qui ne s'affiche pas

Message par softbreath le Ven 19 Aoû 2011 - 21:23

Ça fonctionne !

Merci beaucoup x)


Cordialement.

softbreath
**

Féminin
Messages : 83
Inscrit(e) le : 26/07/2011

http://powerfulpeople.forumactif.org/
softbreath a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum