Placer les bulles à droite, gauche et centrée les unes après les autres.

[Ténèbres]

Bonjour (:

Voici mon problème, ce n'est qu'un petit truc, mais qui me pourri depuis bien des heures x)

Voici mon codage :

Code:

<div><fieldset style="border:white 3px double;-moz-border-radius:5px;font-family:'Times New Roman', Times, serif;"><legend style="color:white;font-size:30px; font-style:italic;font-weight:bold;">La guerre des Clans</legend> <span title="cliquer ici">

<center><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;-moz-border-radius: 7px 0px 0px 7px;"><a style="color:#DDDDDD;font-size:17px;font-style:italic;text-decoration:none;"href="http://www.la-guerre-des-clans.com/t1-le-reglement">Règlement</a></span><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"></span><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"><a style="text-decoration:none;color:#DDDDDD;font-size:17px;font-style:italic;" href="http://www.la-guerre-des-clans.com/t5961-reglement-de-la-chatbox">Règlement de CB</a></span><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"><a style="color:#DDDDDD;font-size:17px;font-style:italic;text-decoration:none;" href="http://www.la-guerre-des-clans.com/t8-formulaire">Présentations</a></span><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"><a style="text-decoration:none;color:#DDDDDD;font-size:17px;font-style:italic;" href="http://www.la-guerre-des-clans.com/f6-foire-aux-questions">Questions </a></span><span style="background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"><a style="color:#DDDDDD;font-size:17px;font-style:italic;text-decoration:none;" href="http://www.la-guerre-des-clans.com/f5-personnages-adoptables"> Adoptables</a></span><span style="background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;-moz-border-radius: 0px 7px 7px 0px;"></span></span>



<div style=" width: 175px;text-align:center;  border: solid 1px #ffffff; -webkit-border-radius: 50px 50px 50px 50px;  -moz-border-radius: 50px 50px 50px 50px ; border-radius: 50px 50px 50px 50px; -khtml-border-radius: 50px 50px 50px 50px; padding:10px;  color: #336600;"> Donec orci tortor, tempus vel iaculis eu, sodales non velit. Cras feugiat eros vitae felis dictum commodo rutrum justo semper. </div>

<div style=" width: 175px;text-align:center;  border: solid 1px #ffffff; -webkit-border-radius: 50px 50px 50px 50px;  -moz-border-radius: 50px 50px 50px 50px ; border-radius: 50px 50px 50px 50px; -khtml-border-radius: 50px 50px 50px 50px; padding:10px;  color: #336600;"> Donec orci tortor, tempus vel iaculis eu, sodales non velit. Cras feugiat eros vitae felis dictum commodo rutrum justo semper. </div>



</div>


Et voici ce qui ne vas pas :

https://2img.net/r/ihimizer/img830/5741/problmeb.png

Je voudrais que les 3 petites bulles qui ont pour code

Code:

<div style=" width: 175px;text-align:center;  border: solid 1px #ffffff; -webkit-border-radius: 50px 50px 50px 50px;  -moz-border-radius: 50px 50px 50px 50px ; border-radius: 50px 50px 50px 50px; -khtml-border-radius: 50px 50px 50px 50px; padding:10px;  color: #336600;"> Donec orci tortor, tempus vel iaculis eu, sodales non velit. Cras feugiat eros vitae felis dictum commodo rutrum justo semper. </div>

Soient l'une à coté de l'autre. En deux rangées.


Voilà, merci d'avance (:

[Dr. Karlos]

Bonsoir,

En mettant vos deux bulles dans un tableau, ça donne le résultat espéré.

Code:

<div><fieldset style="border:white 3px double;-moz-border-radius:5px;font-family:'Times New Roman', Times, serif;"><legend style="color:white;font-size:30px; font-style:italic;font-weight:bold;">La guerre des Clans</legend> <span title="cliquer ici">
 
<center><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;-moz-border-radius: 7px 0px 0px 7px;"><a style="color:#DDDDDD;font-size:17px;font-style:italic;text-decoration:none;"href="http://www.la-guerre-des-clans.com/t1-le-reglement">Règlement</a></span><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"></span><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"><a style="text-decoration:none;color:#DDDDDD;font-size:17px;font-style:italic;" href="http://www.la-guerre-des-clans.com/t5961-reglement-de-la-chatbox">Règlement de CB</a></span><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"><a style="color:#DDDDDD;font-size:17px;font-style:italic;text-decoration:none;" href="http://www.la-guerre-des-clans.com/t8-formulaire">Présentations</a></span><span style=" background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"><a style="text-decoration:none;color:#DDDDDD;font-size:17px;font-style:italic;" href="http://www.la-guerre-des-clans.com/f6-foire-aux-questions">Questions </a></span><span style="background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;"><a style="color:#DDDDDD;font-size:17px;font-style:italic;text-decoration:none;" href="http://www.la-guerre-des-clans.com/f5-personnages-adoptables"> Adoptables</a></span><span style="background-color:#A19B8E;color:white;padding:7px;font-size:17px;font-style:italic;-moz-border-radius: 0px 7px 7px 0px;"></span></span>
 
 
 
<table><tr><td><div style=" width: 175px;text-align:center;  border: solid 1px #ffffff; -webkit-border-radius: 50px 50px 50px 50px;  -moz-border-radius: 50px 50px 50px 50px ; border-radius: 50px 50px 50px 50px; -khtml-border-radius: 50px 50px 50px 50px; padding:10px;  color: #336600;"> Donec orci tortor, tempus vel iaculis eu, sodales non velit. Cras feugiat eros vitae felis dictum commodo rutrum justo semper. </div></td>
 
<td><div style=" width: 175px;text-align:center;  border: solid 1px #ffffff; -webkit-border-radius: 50px 50px 50px 50px;  -moz-border-radius: 50px 50px 50px 50px ; border-radius: 50px 50px 50px 50px; -khtml-border-radius: 50px 50px 50px 50px; padding:10px;  color: #336600;"> Donec orci tortor, tempus vel iaculis eu, sodales non velit. Cras feugiat eros vitae felis dictum commodo rutrum justo semper. </div></td></tr></table>
 
 
 
</div>

Afin de faciliter le visionnement, j'ai mis la bordure des bulles de couleur noire Si vous voulez mettre de l'espace entre la div grise et les deux bulles, ajoutez deux <br /> avant <table>.


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Ténèbres]

C'est tout simplement ce que je voulais, merci de votre réponse si rapide (:

Bonne soirée.

[ Problème résolu ]