Infobulle qui ne souhaite pas s'aligner.

[Miya Yoshizumi]

Bonjour, bonsoir, et oui c'est encore moi. x]
Donc oui aujourd'hui mon problème concerne des infobulles bien capricieuses qui ne souhaitent pas faire la paix avec moi. xD
Voilà une image de mon problème :

En fait, je souhaiterais juste avoir l'autre icône à côté de l'autre, mais .. Je sais pas, ils veulent juste pas aller l'un vers l'autre, j'avais beau à essayer, j'ai pas trouvé de solution potable. Donc je vous donne le code sans mes essais minables.. =/

Et voici le code que je utilise pour mes infobulles. ~

Spoiler:

Merci à l'avance à celui ou celle qui m'aidera ! ^^

[Invité]

Salut Miya Yoshizumi ,
tu peux donner la feuille de style.

Affichage/Images et Couleurs/Couleurs/Feuille de style
entre les balises s'il te plait

a++

[Miya Yoshizumi]

Bonjour,
en fait, c'est pas un problème dans l'infobulle en général, m'enfin je m'exprime mal aussi.
En fait c'est que j'ai deux infobulles, mais j'aimerais que ces deux infobulles soit l'un à côté de l'autre et pas l'un au dessous de l'autre. >.<
Enfin si tu veux voir ça de plus près sur mon forum test. Car en fait le truc c'est que cela déforme ma page d'accueil et c'est pas très pratique. ^^'
Si y a besoin d'une meilleure explication, je veux bien faire un schéma pour ça. x)

[tupac]

Bonsoir Miya Yoshizumi

Il vous faut les placer dans un tableau comme ceci.

Code:

<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td> infobulle 1 </td><td> infobulle 2 </td>
</tr>
</table>

[Miya Yoshizumi]

Bonsoir,
Hmm.. Je sais pas pourquoi mais ça fait que déformer ma page d'accueil.. >w<
J'ai bien essayé ce que vous m'avez proposé, mais ça m'a pas vraiment aidé..
Donc je sais pas si en vous donnant le code complet de mon tableau pourrait vous aider.. ^^'

Code:

<table style="position: fixed; bottom: 50px; left: 0px; z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="http://img545.imageshack.us/img545/5205/openm.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://img545.imageshack.us/img545/5205/openm.png')?'block':'none';this.src=(this.src=='http://img545.imageshack.us/img545/5205/openm.png')?'http://img808.imageshack.us/img808/927/closeo.png':'http://img545.imageshack.us/img545/5205/openm.png';"></td></tr></tbody></table>

<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tr>
<td style="vertical-align: top; width: 50%;">
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr>
<td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
<span class="boxtitle">The New's</span><div class="box"><span><marquee behavior="scroll" direction="up" scrollamount="1" height="60">BLAHBLAHBLAHBLAH</marquee></span></div>
</td></tr></tbody></table>

<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr>
<td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
<span class="boxtitle">We want new friends, do you want to be our friend too ?</span><div class="box"><center><i>Clic on these littles Weaviles and we will have new buddies for our plays :3</i><br><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16714"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6233"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a>  <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=1807"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/miya/in.php?ID=1162"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a>
</center></div></td></tr></tbody></table></td>


<td style="vertical-align: top; width: 50%;">
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr><td rowspan="1" colspan="2" style="width:100%;"><span class="boxtitle">The Staff</span><div class="box"><div align="center"><div class="infobulle"><img style="border:2px solid LightSlateGray; border-left: 2px solid LightSlateGray;border-right: 2px solid LightSlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50"/>
<span><font color= LightSlateGray ><center>Accelerator <br><b>alias</b> Nyaccel</font><br><font color=Black ><div style="font-size:8px">Dans les yeux<br> de cette gamine,<br> je resterais le plus fort ! <br>Ordure.</font></div><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></center></div>

<div class="infobulle"><img style="border:2px solid SlateGray; border-left: 2px solid SlateGray;border-right: 2px solid SlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50" /><span><center><font color= SlateGray >Rin Okumura<br><b>alias</b> Rinette</font><br><font color=Black ><div style="font-size:10px">Qui mange du boeuf,...<br> Mange du boeuf..</font></div><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></div></div></td></tr></table>

<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tr><td style="width: 50%; vertical-align: top;"><span class="boxtitle">Quote of the month</span><div class="box"><center>...  ~</center>
</td>
<td style="vertical-align: top;"><span class="boxtitle">Our Friends</span><div class="box">Bouuuuhhh<br>Blablablablablabla<br>blablablablablabla<br>
Blablablablablabla<br></div>
</td></tr></tbody></table></td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr><td rowspan="1" colspan="2" style="width:100%;"><span class="boxtitle">Notre boîte à musique</span><div class="box"><div align="center">BLAAHHHH </div></div></td></tr></table></tbody>

[tupac]

Bonjour

Vous aviez oublié de fermer un TD et d'en ouvrir un deuxième et vous vous êtes compliqué la vie en plaçant 4 tableaux dans un alors qu'avec un seul vous auriez pu avoir le même résultat.

Spoiler:

[Miya Yoshizumi]

Bonsoir,
merci, effectivement ça résouds mon problème et le tableau est plus simple, mais maintenant ça m'en crée un autre. Car maintenant un des infobulles se trouve en dehors du cadre. xD
Donc c'est un peu embêtant. >.<

[tupac]

Pouvez-vous me donner un lien vers votre forum svp pour que je puisse voir la disposition de chaque éléments pour pouvoir refaire le tableau.

[Miya Yoshizumi]

Bonsoir,
oui, voici mon forum test :http://og-rpg-test.forumactif.org/
J'espère ne pas causer trop de soucis avec mon problème.. >_<
Oh, et faut-il vraiment refaire un tableau ?.. Ahh.. c'est embêtant ça, n'y aurait-il pas un moyen bien plus simple que de le refaire ?

[tupac]

Voila c'est fait

Spoiler:

[Miya Yoshizumi]

Bonsoir,
Oh ! Merci ! C'est splendide ! Merci infiniment Tupac ! ^-^
Grâce à vous, j'ai un code plus simple et mes problèmes sont résolus ! Merci encore Tupac ! ^^