Page d'accueil; Problème avec les infos-bulles

[Popeiiw de luxe]

Salut tout le monde,

Voilà mon petit problème. J'ai lus tout ce que je pouvais sur le forum pour les infos-bulles ainsi que les tableaux pour les pages d'acceuil... Sauf que mon problème est le suivant >> Je n'arrive pas à avoir les images contenant une info-bulle dans le tableau. Du moins, pas corrèctement.

Voici le lien pour que vous puissiez voir par vous-même > http://test-----forum.forumactif.com/forum.htm

Si vous pouviez m'aider, je serais reconnaissante (Je ne m'y connais pas du tout en langage HTML etc. XD)

[Alyz]

Tu veux une infobulle sur quoi ? Je vois celles sur les cocktails sans problème. Pareil sur les images de perso de manga.

Alyz.

[Popeiiw de luxe]

Oui, le problème c'est pas vraiment les infos-bulles, elles marchent très bien... Sauf que je n'arrive pas du tout à mettre les images à leur place. Les manga devraient être dans la prtie Staff et les cocktails dans la partie partenariat ^^''

[Alyz]

Peux-tu me passer le code de la page d'accueil ?

Alyz.

[Popeiiw de luxe]

Bien sûr, le voici

Code:

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/regles-f1/regles-generals-t1.htm" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Règlement</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/regles-f1/contexte-t3.htm" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Histoire</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/questions-reponses-f4/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Foire aux questions</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/gazette-de-gh-f62/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Gazette</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/annonces-f3/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Les annonces</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/partenariats-f61/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Partenariat</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/posts-vancants-f65/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Postes Vacants</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/presentations-en-cours-f7/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Présentation</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/relations-f10/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Les relations</span></a></span>




<table align="center" widht="100%" cellspacing="0" cellpadding="5" border="0"><tbody><tr>
<td class="cadremenu" align="center" valign="top">Story Time</td>
<td class="cadremenu" align="center" width="25%" valign="top">Video Time</td>
<td class="cadremenu" align="center" width="25%" valign="top">Staff</td>
</tr>
<tr>
<td align="center" valign="middle">Il y a environs 400 ans de cela, il existait un monde de paix et de joie. La guerre n’existait pas, ce mot n’existait pas. Et oui, tout le monde vivait en harmonie. Mais un jour, la première guerre éclata. Non, ce ne fut pas les humains qui la créèrent, détrompez-vous. Ce fut les « Soldats de l’enfer », tout droit sortie du monde sous-terrain. Personne, en ce jour, n’aurait put croire que de telles choses existaient, que de telles choses pourraient venir dans leur monde pour tout détruire. Personne n’en sortie vivant… du moins, presque personne.
<a href="http://gakuin-heiwa.forumsactifs.com/regles-f1/contexte-t3.htm" class="postlink" target="_blank">…</a></td>
<td align="center" width="25%" valign="middle"><object width="200" height="200"><param name="movie" value="http://www.youtube.com/v/_vRJACidgfk&hl=fr_FR&fs=1&color1=0xe1600f&color2=0xfebd01"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_vRJACidgfk&hl=fr_FR&fs=1&color1=0xe1600f&color2=0xfebd01" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="200"></embed></object></td>
</tr>
<tr>
<a href=" http://gakuin-heiwa.forumsactifs.com/presentations-validees-f8/ayumi-kyandii-t29.htm" class="info"><div class="equipeadmin">
            <img src=http://img40.xooimage.com/files/d/f/0/avfilles859-1d230b8.png alt="" /></div>
            <span> <center><img src=http://img46.xooimage.com/files/6/0/4/avfilles8592-1d23132.png alt="" /></center><br /> <FONT color: #696969>jeune.fondatrice.pervers</font> </span>
        </a>
      </div>
<a href=" http://gakuin-heiwa.forumsactifs.com/presentations-validees-f8/presentation-d-akira-kiyoshi-t35.htm" class="info"><div class="equipeadmin">
            <img src=http://img26.xooimage.com/files/c/9/1/avfilles8597-1d23478.png alt="" /></div>
            <span> <center><img src=http://img40.xooimage.com/files/7/e/1/avfilles85920-1d23491.png alt="" /></center><br /> <FONT color: #696969>jeune.admin.sadique</font> </span>
        </a>
      </div>
<a href=" http://gakuin-heiwa.forumsactifs.com/presentations-validees-f8/yuuki-hoshi-t7.htm" class="info"><div class="equipeadmin">
            <img src=http://img44.xooimage.com/files/3/4/7/a2-1c3ad03-1d234df.png alt="" /></div>
            <span> <center><img src=http://img28.xooimage.com/files/b/3/c/a2-1c3ad032-1d234e9.png alt="" /></center><br /> <FONT color: #696969>jeune.admin.sage</font> </span>
        </a>
      </div>
</td>
</tr></tbody></table>

<table align="center" widht="100%" cellspacing="0" cellpadding="5" border="0"><tbody><tr>
<td class="cadremenu" align="center" valign="top">News Time</td>
<td class="cadremenu" align="center" width="25%" valign="top">TopSites</td>
<td class="cadremenu" align="center" width="25%" valign="top">Partenariats</td>
</tr>
<tr>
<td align="center" valign="middle"> • Nouveau contexte en cours
<br/>• Numéro 1 de la gazette enfin dans les bacs</td>
<td align="center" width="25%" valign="middle"><a href="http://www.root-top.com/topsite/enola/in.php?ID=2189" class="postlink" target="_blank"><img src="http://img28.xooimage.com/files/b/c/1/greenscarf2-1d23582.gif" border="0" alt="" /></a>.<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=1964" class="postlink" target="_blank"><img src="http://img46.xooimage.com/files/4/8/0/greenscarf28-1d235ba.gif" border="0" alt="" /></a>
<br/><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4274" class="postlink" target="_blank"><img src="http://img40.xooimage.com/files/d/4/c/greenscarf8-1d23601.gif" border="0" alt="" /></a></td>
<td align="center" width="25%" valign="middle"><a href=" http://kyuuketsuki-no-gakue.forumactif.com/forum.htm" class="info"><div class="equipeadmin">
            <img src=http://img46.xooimage.com/files/c/1/1/char18-1d236b4.gif alt="" /></div>
            <span> <center><img src=http://i61.servimg.com/u/f61/15/21/57/23/kng10.jpg alt="" /></center><br /> <FONT color: #696969>kyuuketsuki.no.gakuen
<br/><a href="http://kyuuketsuki-no-gakue.forumactif.com/forum.htm
" class="postlink" target="_blank">Le visiter</a></font> </span>
        </a>
      </div></td>
<a href=" http://hyoki-majo-shiro.keuf.net/forum.htm" class="info"><div class="equipeadmin">
            <img src=http://img46.xooimage.com/files/c/1/1/char18-1d236b4.gif alt="" /></div>
            <span> <center><img src=http://img10.hostingpics.net/pics/1429504.png
 alt="" /></center><br /> <FONT color: #696969>hyôki.majo.shiro
</font> </span>
        </a>
      </div></td>
<a href=" http://yggdrasilninekingdoms.un concurrent.fr/" class="info"><div class="equipeadmin">
            <img src=http://img46.xooimage.com/files/c/1/1/char18-1d236b4.gif alt="" /></div>
            <span> <center><img src=http://img8.hostingpics.net/pics/679096100_35_Bouton.png
 alt="" /></center><br /> <FONT color: #696969>les.9.royaumes.d'yggdrasil
</font> </span>
        </a>
      </div></td>
<a href=" http://pensionnat-hikari.forumsactifs.com/forum.htm" class="info"><div class="equipeadmin">
            <img src=http://img46.xooimage.com/files/c/1/1/char18-1d236b4.gif alt="" /></div>
            <span> <center><img src=http://img41.xooimage.com/files/e/0/8/15-1a7a92a.png alt="" /></center><br /> <FONT color: #696969>pensionnat.hikari</font> </span>
        </a>
      </div></td>
</tr></tbody></table>



[Alyz]

Ca devrait être bon comme ça :

Code:

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/regles-f1/regles-generals-t1.htm" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Règlement</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/regles-f1/contexte-t3.htm" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Histoire</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/questions-reponses-f4/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Foire aux questions</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/gazette-de-gh-f62/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Gazette</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/annonces-f3/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Les annonces</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/partenariats-f61/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Partenariat</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/posts-vancants-f65/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Postes Vacants</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/presentations-en-cours-f7/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Présentation</span></a></span>

<span style="background-color: #DEB887; padding-top: 4px; padding-bottom: 2px; -moz-border-radius: 10px; -webkit-border radius: 10px; border-radius: 10px; color: #FF7F50; font-weight: bold;"><a href="http://gakuin-heiwa.forumsactifs.com/relations-f10/" class="postlink" target="_blank"><span style="font-size: 16px; line-height: normal">Les relations</span></a></span>

<br>


<table align="center" widht="100%" cellspacing="0" cellpadding="5" border="0"><tbody><tr>
<td class="cadremenu" align="center" valign="top">Story Time</td>
<td class="cadremenu" align="center" width="25%" valign="top">Video Time</td>
<td class="cadremenu" align="center" width="25%" valign="top">Staff</td>
</tr>
<tr>
<td align="center" valign="middle">Il y a environs 400 ans de cela, il existait un monde de paix et de joie. La guerre n’existait pas, ce mot n’existait pas. Et oui, tout le monde vivait en harmonie. Mais un jour, la première guerre éclata. Non, ce ne fut pas les humains qui la créèrent, détrompez-vous. Ce fut les « Soldats de l’enfer », tout droit sortie du monde sous-terrain. Personne, en ce jour, n’aurait put croire que de telles choses existaient, que de telles choses pourraient venir dans leur monde pour tout détruire. Personne n’en sortie vivant… du moins, presque personne.
<a href="http://gakuin-heiwa.forumsactifs.com/regles-f1/contexte-t3.htm" class="postlink" target="_blank">…</a></td>
<td align="center" width="25%" valign="middle"><object width="200" height="200"><param name="movie" value="http://www.youtube.com/v/_vRJACidgfk&hl=fr_FR&fs=1&color1=0xe1600f&color2=0xfebd01"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_vRJACidgfk&hl=fr_FR&fs=1&color1=0xe1600f&color2=0xfebd01" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="200"></embed></object></td>
<td>
<a href=" http://gakuin-heiwa.forumsactifs.com/presentations-validees-f8/ayumi-kyandii-t29.htm" class="info"><div class="equipeadmin">
            <img src=http://img40.xooimage.com/files/d/f/0/avfilles859-1d230b8.png alt="" /></div>
            <span> <center><img src=http://img46.xooimage.com/files/6/0/4/avfilles8592-1d23132.png alt="" /></center>
 <FONT color: #696969>jeune.fondatrice.pervers</font> </span>
        </a>
      </div>
<a href=" http://gakuin-heiwa.forumsactifs.com/presentations-validees-f8/presentation-d-akira-kiyoshi-t35.htm" class="info"><div class="equipeadmin">
            <img src=http://img26.xooimage.com/files/c/9/1/avfilles8597-1d23478.png alt="" /></div>
            <span> <center><img src=http://img40.xooimage.com/files/7/e/1/avfilles85920-1d23491.png alt="" /></center>
 <FONT color: #696969>jeune.admin.sadique</font> </span>
        </a>
      </div>
<a href=" http://gakuin-heiwa.forumsactifs.com/presentations-validees-f8/yuuki-hoshi-t7.htm" class="info"><div class="equipeadmin">
            <img src=http://img44.xooimage.com/files/3/4/7/a2-1c3ad03-1d234df.png alt="" /></div>
            <span> <center><img src=http://img28.xooimage.com/files/b/3/c/a2-1c3ad032-1d234e9.png alt="" /></center>
 <FONT color: #696969>jeune.admin.sage</font> </span>
        </a>
      </div>
</td>
</tr></tbody></table>

<table align="center" widht="100%" cellspacing="0" cellpadding="5" border="0"><tbody><tr>
<td class="cadremenu" align="center" valign="top">News Time</td>
<td class="cadremenu" align="center" width="25%" valign="top">TopSites</td>
<td class="cadremenu" align="center" width="25%" valign="top">Partenariats</td>
</tr>
<tr>
<td align="center" valign="middle"> • Nouveau contexte en cours
<br/>• Numéro 1 de la gazette enfin dans les bacs</td>
<td align="center" width="25%" valign="middle"><a href="http://www.root-top.com/topsite/enola/in.php?ID=2189" class="postlink" target="_blank"><img src="http://img28.xooimage.com/files/b/c/1/greenscarf2-1d23582.gif" border="0" alt="" /></a>.<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=1964" class="postlink" target="_blank"><img src="http://img46.xooimage.com/files/4/8/0/greenscarf28-1d235ba.gif" border="0" alt="" /></a>
<br/><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4274" class="postlink" target="_blank"><img src="http://img40.xooimage.com/files/d/4/c/greenscarf8-1d23601.gif" border="0" alt="" /></a></td>
<td align="center" width="25%" valign="middle"><a href=" http://kyuuketsuki-no-gakue.forumactif.com/forum.htm" class="info"><div class="equipeadmin">
            <img src=http://img46.xooimage.com/files/c/1/1/char18-1d236b4.gif alt="" /></div>
            <span> <center><img src=http://i61.servimg.com/u/f61/15/21/57/23/kng10.jpg alt="" /></center>
 <FONT color: #696969>kyuuketsuki.no.gakuen
<br/><a href="http://kyuuketsuki-no-gakue.forumactif.com/forum.htm
" class="postlink" target="_blank">Le visiter</a></font> </span>
        </a>
      </div>
      <a href=" http://hyoki-majo-shiro.keuf.net/forum.htm" class="info"><div class="equipeadmin">
            <img src=http://img46.xooimage.com/files/c/1/1/char18-1d236b4.gif alt="" /></div>
            <span> <center><img src=http://img10.hostingpics.net/pics/1429504.png
 alt="" /></center>
 <FONT color: #696969>hyôki.majo.shiro
</font> </span>
        </a>
      </div>
<a href=" http://yggdrasilninekingdoms.un concurrent.fr/" class="info"><div class="equipeadmin">
            <img src=http://img46.xooimage.com/files/c/1/1/char18-1d236b4.gif alt="" /></div>
            <span> <center><img src=http://img8.hostingpics.net/pics/679096100_35_Bouton.png
 alt="" /></center>
 <FONT color: #696969>les.9.royaumes.d'yggdrasil
</font> </span>
        </a>
      </div>
<a href=" http://pensionnat-hikari.forumsactifs.com/forum.htm" class="info"><div class="equipeadmin">
            <img src=http://img46.xooimage.com/files/c/1/1/char18-1d236b4.gif alt="" /></div>
            <span> <center><img src=http://img41.xooimage.com/files/e/0/8/15-1a7a92a.png alt="" /></center>
 <FONT color: #696969>pensionnat.hikari</font> </span>
        </a>
      </div></td>
</tr></tbody></table>

Tes erreurs venaient du tableau. Pour le staff, tu avais fermé ton </tr> (ligne) trop tôt. Au niveau des partenaires, c'est le <td> que tu avais fermé et tu le refermais à chaque code de partenaire (parce que tu as dû faire un copier/coller ^^) sans le réouvrir.

Alyz.

[Popeiiw de luxe]

Ah bah en effet, ça marche très bien =D

J'ai juste une dernière question pour les images à info-bulles. Comment je peux les mettre côte à côté ?

[Alyz]

Côte à côte ? C'est-à-dire ?

Alyz.

[Popeiiw de luxe]

C'est-à-dire qu'au lieu d'avoir les images l'une en dessous de l'autre, pas on les à côté à côte. Exemple :

Au lieu d'avoir ça :
♣
♣
♣

Je voudrais ça :

♣ ♣ ♣

J'espère m'être bien exprimée ^^''

[Popeiiw de luxe]

Up ? ♥

[Dirty Prince]

Bonjour !

Il faut que tu les mette en tableau si tu a mis des <div> entre tes images, parce que les <div> Font toujours repasser à la ligne.

Donc tes trois images devrons faire < table >< tr >< td >infobulle 1< /td >< td > infobulle 2< /td >< td > Info 3< /td > < /tr>< /table>

[le tout sans espace dans le code]

En espérant avoir pu t'aider ^^

[Popeiiw de luxe]

Merci de ta réponse =D Mais comme mes info-bulles sont déjà dans un tableau, ce que tu m'as donné ne marche pas dans mon tableau.

Mais Merci quand même =D

Après plusieurs essais, j'ai trouvé comment faire ! Merci à ceux qui m'ont aidé, je vous adore ♥