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

2 participants

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

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

Message par Ténèbres Lun 30 Jan 2012 - 20:29

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 (:


Dernière édition par Ténèbres le Lun 30 Jan 2012 - 20:48, édité 1 fois
Ténèbres

Ténèbres
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 04/06/2011

http://guerre-des-clans.forumactif.fr/
Ténèbres a été remercié(e) par l'auteur de ce sujet.

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

Message par Dr. Karlos Lun 30 Jan 2012 - 20:40

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>

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

Afin de faciliter le visionnement, j'ai mis la bordure des bulles de couleur noire Wink 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.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

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

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

Message par Ténèbres Lun 30 Jan 2012 - 20:44

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

Bonne soirée.

[ Problème résolu ]
Ténèbres

Ténèbres
Nouveau membre

Féminin
Messages : 10
Inscrit(e) le : 04/06/2011

http://guerre-des-clans.forumactif.fr/
Ténèbres a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum