Problème avec les infobulles & tableaux

[Sanae]

Bonjour/bonsoir,

J'ai un petit soucis, voire grand. Je peine comme pas possible avec les codes HTML et CSS. Je me suis tentée dans les infobulles mais elles n’apparaissent pas côte à côte, je sous-entends que l'image de l'administratrice doit se retrouver en haut de la pyramide, suivis de deux modérateurs au milieu de la pyramide, puis de deux autres modérateurs pour le bas de la pyramide. Si il faut une image, je pourrai vous la faire.

Et, très souvent lorsque je me mets aux tableaux, le texte est complètement décalé comparé à son voisin, donc je me retrouve très souvent avec des textes dans tous les niveaux possibles et inimaginables.

Et avant de poser les questions, j'ai fait de nombreuses recherches mais je suis bien trop de fois foiré.

Serait-ce possible de m'aider à savoir mon erreur ? Je laisse ci-dessous les codes.

Je vous remercie d'avance !

Code:

<table border="0" cellpadding="0" cellspacing="1" width="90%">
<tbody><tr>
<td><center><br><div style="text-align: left;"><center>RENOUVELLEMENT DE LA PAGE D'ACCUEIL<br></center></div></center><center><br></center></td>
</tr>
</tbody></table><br><table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td><table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td><div style="text-align: center;"><span style="font-size: x-small;">Membres du STAFF<br><br><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/91/02/86/mini_910286sanae1.png"><span>Sanae Hyuuga<br> Administrateur<br></span></div>
<br></span><span style="font-size: x-small;"><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/59/06/05/mini_590605gak1.png"><span>Gakupo Chito<br>Modérateur au mauvais caractère</span></div><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/28/17/35/mini_281735eva1.png"><span>Eva Tepes Kajj<br>Modératrice &amp; Correctrice</span></div><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/33/11/13/mini_331113ed3.png"><span>Edward Kleith<br>Modérateur CB</span></div><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/75/04/13/mini_750413ludi.png"><span>Ludicaël<br>Modérateur veillant à la bonne entente</span></div><br>
                </span></div>  </td>
<td style="text-align: center;">
<p style="margin-bottom: 0cm; text-align: justify;"><span style="font-family: Times New Roman;">Bienvenue {USER&amp;#8288;NAME}</span></p><p style="margin-bottom: 0cm; text-align: justify;"><span style="font-family: Times New Roman;"></span><br><span style="font-family: Times New Roman;"><span style="font-size: small;"><span style="TEXT-DECORATION: blink"><span style="color: PaleGreen;">/!\</span> Forum <span style="color: YellowGreen;">NC-16<span style="color: PaleGreen;"> /!\</span></span></span><span style="color: PaleGreen;"> </span></span></span></p><p style="margin-bottom: 0cm; text-align: justify;"><br><span style="font-family: Times New Roman;"></span><span style="font-family: Times New Roman;"><span style="font-size: small;"><span style="color: PaleGreen;"></span></span></span></p><div style="text-align: justify;"><span style="font-family: Times New Roman;"><span style="font-size: small;"></span><font size="1"><span style="font-size: small;">Après avoir lu le règlement, veuillez faire votre présentation. <br>Vous n'aurez qu'une semaine pour la faire, sous peine de suppression du compte. <br>Le nombre de lignes obligatoires est de 20, complètes et minimum.<br></span></font></span></div>
</td>
<td><div style="text-align: center;"><font size="1">Liens utiles<br><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/t1885-reglement-du-forum-a-lire">Règlement </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/f1-presentez-vous">Présentation </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/url=http://sokujitsu.forumactif.info/t1712-histoire-de-sokujitsu-a-venir"> Histoire </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/t1737-personnages-predefinis-en-cours"> Personnages prédéfinis </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/f121-mises-a-jours"> Mises à jour </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/f84-le-coin-des-membres"> Le coin des membres</a></span></span></span></span><br></font></div><font size="1">  </font><br></td>
</tr>
<tr>
<td><div style="text-align: center;"><font size="1">TOP-SITES</font><br></div><br><div style="text-align: center;"><span style="font-size: x-small;"><a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=2013"><img src="http://img11.hostingpics.net/pics/699157pense.png"></a><a href="http://www.root-top.com/topsite/mary/in.php?ID=1937"><img src="http://img11.hostingpics.net/pics/699157pense.png"></a><a href="http://www.root-top.com/topsite/themagicalchoosehat/in.php?ID=188"><img src="http://img11.hostingpics.net/pics/699157pense.png"></a></span><br></div></td>
<td><iframe src="http://www.youtube.com/embed/z-rftpZ7kCY" allowfullscreen="" frameborder="0" height="94" width="200"></iframe><br></td>
<td>lululu<br></td>
</tr>
</tbody></table><br><br></td>
</tr>
</tbody></table>

[Sanae]

Je me permets un petit "UP" !

[Anzu]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Bonsoir,

Etant donné que vous avez trois "étages", chaque étage est représenté par un tr et le contenu par un td.
donc:

Code:

<table><tr><td>image de l'admin</td></tr>
<tr><td>Modo1</td><td>modo 2</td></tr>
<tr><td>Modo 3</td><td>Modo 4</td></tr></table>

Cordialement.

[Sanae]

Pardon pour le UP !

Donc, je dois faire un genre de code comme ça, si je veux l'effet infobulle ? Si c'est le cas, une des images est décallée comparés aux autres.

Code:

<table><tr><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/91/02/86/mini_910286sanae1.png"><span>Sanae Hyuuga<br>Administrateur<br></span></div></td></tr><tr><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/59/06/05/mini_590605gak1.png"><span>Gakupo Chito<br>Modérateur au mauvais caractère</span></div></td><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/28/17/35/mini_281735eva1.png"><span>Eva Tepes Kajj<br>Modératrice &amp; Correctrice<br><br><br></span></div></td></tr><tr><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/33/11/13/mini_331113ed3.png"><span>Edward Kleith<br>Modérateur CB</span></div><br></td><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/75/04/13/mini_750413ludi.png"><span>Ludicaël<br>Modérateur veillant à la bonne entente<br><br><br></span></div></td></tr></table>

[Anzu]

C'est le br qui se trouve juste avant le </td>

[Sanae]

Ah ! D'accus' ! Merci beaucoup ! =)