Un problème d'infobulle

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

Résolu Un problème d'infobulle

Message par Apoka le Mer 6 Juil 2011 - 16:51

Bonjour, Bonsoir,

J'ai un problème de code html avec un <table>, voici mon code entier :
Code:
<font color="white"><center><table border="5"><tr><td align="left" colspan="3"> <div style="margin:auto;text-align:center;width:100%"> <strong><span style="font-size: 22px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">~~Bienvenue à Kingdoms Hearts The Keyblades Wars, {USER&amp;#8288;NAME}~~</div></span></strong>
  </div>
 </td></tr><tr><td align="left"><span style="font-size: 18px; line-height: normal"><strong><center>Staff</center></strong></span><p><div align="left"><table><tr><td align="left"><span style="font-size: 18px; line-height: normal"><strong><center>Staff</center></strong></span><p><div align="left"><table><tr><div class="info" href="#"><img src="http://i25.servimg.com/u/f25/11/75/06/39/mae12.png"><span>Fondateur - Maester<p><img width="150px" src="http://r28.imgfast.net/users/2815/12/24/20/avatars/1-19.jpg"><p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=1">» Contactez «</a></span></div></td><td><img src="http://i25.servimg.com/u/f25/11/75/06/39/aya11.png"></td><td>Ayame Keiko<p>Administratrice<p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=2" class="postlink">MP</a></td></tr></table><table><tr><td><img src="http://i25.servimg.com/u/f25/11/75/06/39/elz11.png"></td><td>Elyk<p>Administrateur<p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=8" class="postlink">MP</a></td><td><img src="http://i25.servimg.com/u/f25/11/75/06/39/braz11.png"></td><td>Brasegalan<p>Modérateur<p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=11" class="postlink">MP</a></td></tr></table></div></td>
<td align="left" rowspan="2"> <span style="font-size: 18px; line-height: normal"><strong><center>Contexte</center></strong></span><p><div style="overflow: auto; width: 350px; height: 170px;"> <div style="margin: auto; text-align: center; width: 100%;"><font size="1"> <i><div style="margin: auto; text-align: center; width: 100%;"></div></i></font> </div><font size="1"><ul><i><div align="justify"><div><u><span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">Prologue: Une paix bouleversée</div></span></u><br><br><br>Après que Sora ai vaincu Xemnas et rétablit la paix, il a pu retourné dans son monde avec Riku et Mickey<br>pour retrouver Kairi, Donald et Dingo...<br>Suite à ces retrouvailles, le Roi et ses amis repartent au château Disney pour retrouver la Reine Minnie<br><br>Sora revient à sa vie paisible, mais un jour, Kairi apporte une lettre du Roi<br><br><br><font color="olive"><i><div style="margin:auto;text-align:center;width:100%">Bonjour Sora, Riku et Kairi<br><br>J'espère que vous allez bien,<br>Au château, tout le monde va bien, si je vous envoie cette lettre, c'est parce que plusieurs menaces<br>nous assaillent, l'Organisation XIII s'est apparemment reformée, Xemnas à leur tête, vous allez rire,<br>Mais Maléfique et Pat Hibulaire ont survécu et reviennent plus fort que jamais avec leur armée de<br>sans-cœur, il y a bien d'autres problèmes qui ne te concernent pas... pour l'instant.<br>J'aimerais que tu ailles à la base de l'ordre de la Keyblade, tu y rencontreras Terra et Aqua<br>ils t'expliqueront mieux la situation que moi, prends le vaisseau Gummi que j'ai caché dans la grotte<br><br>A bientôt, Mickey</div></i></font><br><br>Sora se mit alors en route avec ses amis à la recherche de cette mystérieuse base, qui était perdue dans l'espace.<br>Quand ils la trouvèrent, ils purent rencontrer Terra et Aqua, qui leurs expliquèrent les problèmes<br>que pourrez rencontrer les différents mondes si l'Organisation XIII, l'Armée des Ténèbres et une autre<br>armée dont Sora n'avait jamais entendu parlé, La Horde d'émotions, se réunissaient en ne formant<br>qu'une armée, les mondes seraient plongés dans les véritables ténèbres.<br>Sora apprit aussi qu'il y avait des neutres dans cette nouvelle bataille, qui se sont nommés les Chasseurs de Primes,<br>ils n'étaient pas encore impliqués dans cette bataille, mais ça ne saurait tardé...<br><br><br><br><span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><u>Le Présent: Une guerre indomptable</u></div></span><br><br><br>Une fois que la guerre fut déclarée, chaque clan fit de la propagande, ce qui attira plein d'aventuriers dans ce conflit<br>Sora avait intégré l'Ordre de la Keyblade, commandé par Maester, qui avait ranimé cette organisation<br>alors que personne n'en avait entendu parlé depuis des années, En ce qui concerne l'Organisation XIII, Xemnas<br>aurait laissé le flambeau à Memoryless en tant que chef, malgré le fait que Xemnas tire les ficelles dans l'ombre.<br>Les sans-coeurs n'écoutant plus Maléfique et Pat car ils étaient trop faible, ont décidé d'élire comme chef Elyk<br>Les Nescients apparaissent de nul part, pourtant, aucun signe de Vanitas n'a été émis, ont-ils un chef ?<br><br>Les Chasseurs de Primes qui est le clan le plus récemment crée, a à sa tête, Ayame, qui fera tout pour être loin de ce conflit sempiternel<br><br><br><span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><u>Le Futur: L'incertitude, et la Fatalité</u></div></span><br><br><br>L’issu de cette guerre est impossible à déterminer, la paix est maintenant troublée et ne sera jamais rétabli comme<br>avant,<br>l'issue de cette guerre pourrait bien dépendre de vous, joignez vous à cette guerre au sein du clan de votre choix<br>et faites la avancer pour espérer gagner La Guerre Des Keyblades.<br><br>Bon RP ! </div></div></i></ul></font></div>
<p><hr /><span style="font-size: 18px; line-height: normal"><strong><center>The Keyblades Wars</strong></span><p><object data="http://flipnote.hatena.com/js/flipplayer_s.swf" type="application/x-shockwave-flash" width="279" height="240"><param name="movie" value="http://flipnote.hatena.com/js/flipplayer_s.swf"></param><param name="FlashVars" value="did=9F5EB300A0B9BFFE&file=B9BFFE_0AB60C4C97F61_001"></param></object></center></td><td align="left" rowspan="2">
<span style="font-size: 18px; line-height: normal"><strong><center>Top-sites</center></strong></span><p><a href="http://www.root-top.com/topsite/mary/in.php?ID=5465" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/mary/banner.gif" border="0" alt="">
            </a><a href="http://www.tloa.fr/top/vote.php?s=92" class="postlink" target="_blank" rel="nofollow">
            <img src="http://www.tloa.fr/top/bouton.php" border="0" alt="">
            </a><p><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7389" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/serpentgy/banner.gif" border="0" alt="">
            </a><p><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=17057" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/obsession27/banner.gif" border="0" alt="">
            </a><a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=5905" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/forumrpg/banner.gif" border="0" alt="">
            </a><p><a href="http://www.root-top.com/topsite/myrhos/in.php?ID=8" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/myrhos/banner.gif" border="0" alt="" /></a>
 </td></tr><tr><td align="left"><span style="font-size: 18px; line-height: normal"><strong><center>Liens Importants<center></strong></span><p><blockquote><div style="background-color:#000000; padding:5px; -moz-border-radius : 10px; border-left:skyblue solid 3px; border-right:skyblue solid 3px;text-align:justify;"><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/t8-reglement-general-du-forum-en-construction"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Règlement</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/t17-regles-du-rpg"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Règle du RPG</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/t1-regles-de-presentation"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Modèle de Présentation</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/t96-rappel-de-rp#1216"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Rappel de RP</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/chatbox/index.forum?"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Chat box</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/f12-aires-des-invites"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Aire des invités</span></font></a></div></div></blockquote></td></tr><tr><td align="left" colspan="3"> <div style="margin:auto;text-align:center;width:100%"><strong><span style="font-size: 18px; line-height: normal">News</span></strong><p><span><marquee>Nous recherchons quelqu'un pour être le chef de la Horde d'Emotions</marquee></span>
  </div>
 </td></tr></table></font>

Le problème est que l'infobulle ne s'affiche pas, je n'ai qu'une infobulle et voici son code :

Code:
<td align="left"><span style="font-size: 18px; line-height: normal"><strong><center>Staff</center></strong></span><p><div align="left"><table><tr><div class="info" href="#"><img src="http://i25.servimg.com/u/f25/11/75/06/39/mae12.png"><span>Fondateur - Maester<p><img width="150px" src="http://r28.imgfast.net/users/2815/12/24/20/avatars/1-19.jpg"><p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=1">» Contactez «</a></span></div></td>

J'aimerai que l'infobulle apparaisse. Voici mon code CSS :

Code:
a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none;
z-index: 999;
}
a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: orange;
text-align: center;
color: white;
padding: 2px;
}
{
  font-size: 11px;
  font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
  position: relative;
  color: black;
  text-decoration: none;
  border-bottom: 1px gray dotted;
}
a.info span {
  display: none;
}
a.info:hover {
  background: none;
  z-index: 999;

  cursor: help;
}
a.info:hover span {
  display: inline;
  position: absolute;

  white-space: nowrap;

  top: 0px;
  left: 35px;

  background: white;

  color: green;
  padding: 3px;

  border: 1px solid green;
  border-left: 4px solid green;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 0px;
  left: 35px;
  background: #2345AD;
  color: #2345AD;
  padding: 3px;
  border: 0px solid #2345AD;
  border-left: 5px solid #2345AD;
  border-right: 3px solid #2345AD;
  border-top: 3px solid #2345AD;
  border-bottom: 5

D'avance merci, Apoka


Dernière édition par Apoka le Jeu 7 Juil 2011 - 9:57, édité 1 fois

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un problème d'infobulle

Message par Invité le Jeu 7 Juil 2011 - 1:18

Bonsoir,

En ne gardant que ceci dans le CSS:
Code:
.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}

.info span {display: none;}

.info:hover {
  background: none;
  z-index: 999;
  cursor: help;}

.info:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 0px;
  left: 35px;
  background: white;
  color: green;
  padding: 3px;
  border: 1px solid green;
  border-left: 4px solid green;}
En modifiant votre infobulle comme ceci:
Code:
<table><tr><td align="left"><span style="font-size: 18px; line-height: normal"><strong><center>Staff</center></strong></span><p><div align="left"><table><tr><td><div class="info"><img src="http://i25.servimg.com/u/f25/11/75/06/39/mae12.png"><span>Fondateur - Maester<p><img width="150px" src="http://r28.imgfast.net/users/2815/12/24/20/avatars/1-19.jpg"><p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=1">» Contactez «</a></span></div></td>
Votre message d'accueil devient:
Code:
<font color="white"><center><table border="5"><tr><td align="left" colspan="3"> <div style="margin:auto;text-align:center;width:100%"> <strong><span style="font-size: 22px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">~~Bienvenue à Kingdoms Hearts The Keyblades Wars, {USER&amp;#8288;NAME}~~</div></span></strong>
  </div>
 </td></tr><tr><td align="left"><span style="font-size: 18px; line-height: normal"><strong><center>Staff</center></strong></span><p><div align="left"><table><tr><td align="left"><span style="font-size: 18px; line-height: normal"><strong><center>Staff</center></strong></span><p><div align="left"><table><tr><td><div class="info"><img src="http://i25.servimg.com/u/f25/11/75/06/39/mae12.png"><span>Fondateur - Maester<p><img width="150px" src="http://r28.imgfast.net/users/2815/12/24/20/avatars/1-19.jpg"><p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=1">» Contactez «</a></span></div></td><td><img src="http://i25.servimg.com/u/f25/11/75/06/39/aya11.png"></td><td>Ayame Keiko<p>Administratrice<p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=2" class="postlink">MP</a></td></tr></table><table><tr><td><img src="http://i25.servimg.com/u/f25/11/75/06/39/elz11.png"></td><td>Elyk<p>Administrateur<p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=8" class="postlink">MP</a></td><td><img src="http://i25.servimg.com/u/f25/11/75/06/39/braz11.png"></td><td>Brasegalan<p>Modérateur<p><a href="http://khkeybladewar.forums-rpg.com/privmsg?mode=post&u=11" class="postlink">MP</a></td></tr></table></div></td>
<td align="left" rowspan="2"> <span style="font-size: 18px; line-height: normal"><strong><center>Contexte</center></strong></span><p><div style="overflow: auto; width: 350px; height: 170px;"> <div style="margin: auto; text-align: center; width: 100%;"><font size="1"> <i><div style="margin: auto; text-align: center; width: 100%;"></div></i></font> </div><font size="1"><ul><i><div align="justify"><div><u><span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%">Prologue: Une paix bouleversée</div></span></u><br><br><br>Après que Sora ai vaincu Xemnas et rétablit la paix, il a pu retourné dans son monde avec Riku et Mickey<br>pour retrouver Kairi, Donald et Dingo...<br>Suite à ces retrouvailles, le Roi et ses amis repartent au château Disney pour retrouver la Reine Minnie<br><br>Sora revient à sa vie paisible, mais un jour, Kairi apporte une lettre du Roi<br><br><br><font color="olive"><i><div style="margin:auto;text-align:center;width:100%">Bonjour Sora, Riku et Kairi<br><br>J'espère que vous allez bien,<br>Au château, tout le monde va bien, si je vous envoie cette lettre, c'est parce que plusieurs menaces<br>nous assaillent, l'Organisation XIII s'est apparemment reformée, Xemnas à leur tête, vous allez rire,<br>Mais Maléfique et Pat Hibulaire ont survécu et reviennent plus fort que jamais avec leur armée de<br>sans-cœur, il y a bien d'autres problèmes qui ne te concernent pas... pour l'instant.<br>J'aimerais que tu ailles à la base de l'ordre de la Keyblade, tu y rencontreras Terra et Aqua<br>ils t'expliqueront mieux la situation que moi, prends le vaisseau Gummi que j'ai caché dans la grotte<br><br>A bientôt, Mickey</div></i></font><br><br>Sora se mit alors en route avec ses amis à la recherche de cette mystérieuse base, qui était perdue dans l'espace.<br>Quand ils la trouvèrent, ils purent rencontrer Terra et Aqua, qui leurs expliquèrent les problèmes<br>que pourrez rencontrer les différents mondes si l'Organisation XIII, l'Armée des Ténèbres et une autre<br>armée dont Sora n'avait jamais entendu parlé, La Horde d'émotions, se réunissaient en ne formant<br>qu'une armée, les mondes seraient plongés dans les véritables ténèbres.<br>Sora apprit aussi qu'il y avait des neutres dans cette nouvelle bataille, qui se sont nommés les Chasseurs de Primes,<br>ils n'étaient pas encore impliqués dans cette bataille, mais ça ne saurait tardé...<br><br><br><br><span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><u>Le Présent: Une guerre indomptable</u></div></span><br><br><br>Une fois que la guerre fut déclarée, chaque clan fit de la propagande, ce qui attira plein d'aventuriers dans ce conflit<br>Sora avait intégré l'Ordre de la Keyblade, commandé par Maester, qui avait ranimé cette organisation<br>alors que personne n'en avait entendu parlé depuis des années, En ce qui concerne l'Organisation XIII, Xemnas<br>aurait laissé le flambeau à Memoryless en tant que chef, malgré le fait que Xemnas tire les ficelles dans l'ombre.<br>Les sans-coeurs n'écoutant plus Maléfique et Pat car ils étaient trop faible, ont décidé d'élire comme chef Elyk<br>Les Nescients apparaissent de nul part, pourtant, aucun signe de Vanitas n'a été émis, ont-ils un chef ?<br><br>Les Chasseurs de Primes qui est le clan le plus récemment crée, a à sa tête, Ayame, qui fera tout pour être loin de ce conflit sempiternel<br><br><br><span style="font-size: 18px; line-height: normal"><div style="margin:auto;text-align:center;width:100%"><u>Le Futur: L'incertitude, et la Fatalité</u></div></span><br><br><br>L’issu de cette guerre est impossible à déterminer, la paix est maintenant troublée et ne sera jamais rétabli comme<br>avant,<br>l'issue de cette guerre pourrait bien dépendre de vous, joignez vous à cette guerre au sein du clan de votre choix<br>et faites la avancer pour espérer gagner La Guerre Des Keyblades.<br><br>Bon RP ! </div></div></i></ul></font></div>
<p><hr /><span style="font-size: 18px; line-height: normal"><strong><center>The Keyblades Wars</strong></span><p><object data="http://flipnote.hatena.com/js/flipplayer_s.swf" type="application/x-shockwave-flash" width="279" height="240"><param name="movie" value="http://flipnote.hatena.com/js/flipplayer_s.swf"></param><param name="FlashVars" value="did=9F5EB300A0B9BFFE&file=B9BFFE_0AB60C4C97F61_001"></param></object></center></td><td align="left" rowspan="2">
<span style="font-size: 18px; line-height: normal"><strong><center>Top-sites</center></strong></span><p><a href="http://www.root-top.com/topsite/mary/in.php?ID=5465" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/mary/banner.gif" border="0" alt="">
            </a><a href="http://www.tloa.fr/top/vote.php?s=92" class="postlink" target="_blank" rel="nofollow">
            <img src="http://www.tloa.fr/top/bouton.php" border="0" alt="">
            </a><p><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7389" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/serpentgy/banner.gif" border="0" alt="">
            </a><p><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=17057" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/obsession27/banner.gif" border="0" alt="">
            </a><a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=5905" class="postlink" target="_blank" rel="nofollow">
            <img src="http://img.root-top.com/topsite/forumrpg/banner.gif" border="0" alt="">
            </a><p><a href="http://www.root-top.com/topsite/myrhos/in.php?ID=8" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/myrhos/banner.gif" border="0" alt="" /></a>
 </td></tr><tr><td align="left"><span style="font-size: 18px; line-height: normal"><strong><center>Liens Importants<center></strong></span><p><blockquote><div style="background-color:#000000; padding:5px; -moz-border-radius : 10px; border-left:skyblue solid 3px; border-right:skyblue solid 3px;text-align:justify;"><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/t8-reglement-general-du-forum-en-construction"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Règlement</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/t17-regles-du-rpg"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Règle du RPG</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/t1-regles-de-presentation"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Modèle de Présentation</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/t96-rappel-de-rp#1216"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Rappel de RP</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/chatbox/index.forum?"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Chat box</span></font></a></div><div class="navigation"><a class="link" href="http://khkeybladewar.forums-rpg.com/f12-aires-des-invites"><font face="Trebuchet MS"><span style="font-size: 11px; line-height: normal">Aire des invités</span></font></a></div></div></blockquote></td></tr><tr><td align="left" colspan="3"> <div style="margin:auto;text-align:center;width:100%"><strong><span style="font-size: 18px; line-height: normal">News</span></strong><p><span><marquee>Nous recherchons quelqu'un pour être le chef de la Horde d'Emotions</marquee></span>
  </div>
 </td></tr></table></font>
Et normalement, l'infobulle fonctionne.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Un problème d'infobulle

Message par Apoka le Jeu 7 Juil 2011 - 9:57

Sa marche merci beaucoup

Apoka
***

Masculin
Messages : 101
Inscrit(e) le : 13/01/2008

http://ft-magicianswars.forumgratuit.org/
Apoka 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