Spoiler pas tous centrer

[Minah Wolf]

Bonjour !

Alors mon problème est que sur tous les forums où je suis je poste le même code pour ma galerie. Tous les spoiler sont centré comme ICI mais sur certains forums (dont je suis admin) les spoiler ne sont pas tous centrés comme ICI. Je ne sais pas d'où sa peu provenir.

Pouvez-vous m'aider ?

Merci.

[Matriochka]

Bonjour,

Quel code utilises-tu pour les deux (celui qui se centre correctement et l’autre) ?

[Minah Wolf]

Dans mon code de galerie j'utilise [center], j'ai même essayer avec la version html <center>. Mais je viens de remarquer que ça ne le faisais pas que pour ma galerie mais pour tous les sujets de mes forums ainsi que dans les signatures.

[Matriochka]

Quel est le code entier que tu utilises ? Copie / colle-moi ici ce que tu as utilisé exactement. Il doit y avoir un problème dans ton code.

Sinon, si tu veux centrer absolument tous les spoiler, tu peux utilises ceci :

Code:

.spoiler {text-align:center!important;}

À coller dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS.

[Minah Wolf]

Ah mais avec ce code ça centre tous les spoilers donc ça ne va pas avec certains codes de mes membres.

Voilà le code sur le forum où je n'arrive pas à centrer tous mes spoiler :

Code:

<center><div style="border: 10px #003c69 solid; width: 510px; background-color: #ffffff; padding: 6px 6px 6px 6px;text-align: justify;border-radius:25px 25px 25px 25px;">[center]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 35px;font-weight:bold;font-style:italic; font-family: papyrus; ">Icône en 100*100</div>
<div style="border : 1px solid #BFD6CA;"></div><div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">A</div>
[spoiler=Adrian Rodriguez ][img]http://i45.servimg.com/u/f45/14/95/58/96/craa1010.jpg[/img][/spoiler]
[spoiler=Angy Fernandez ][img]http://i45.servimg.com/u/f45/14/95/58/96/angy_f12.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/angy_f13.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">D</div>
[spoiler=DongHae (Super Junior) ][img]http://i45.servimg.com/u/f45/14/95/58/96/20090610.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/dongha10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/sj--do10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/user3610.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">E</div>
[spoiler=Emilie De Ravin ][img]http://i45.servimg.com/u/f45/14/95/58/96/emilie10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie12.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie13.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie14.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie15.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie16.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">H</div>
[spoiler=Hisato Izaki ][img]http://i45.servimg.com/u/f45/14/95/58/96/devilm10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/hisato10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/hisato11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/hizaki10.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">J</div>
[spoiler=Javier Calvo ][img]http://i45.servimg.com/u/f45/14/95/58/96/media-10.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">Y</div>
[spoiler=Yusuke Izaki ][img]http://i45.servimg.com/u/f45/14/95/58/96/19949410.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/devilm11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/hizaki11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/live_d10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/yusuke10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/yusuke11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/yusuke12.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/yusuke13.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">Personnalités Multiples</div>
[spoiler=10 ][img]http://i45.servimg.com/u/f45/14/95/58/96/super-10.jpg[/img][/spoiler][/center]
</div></center>

Et je vous mets celui sur le forum où ça fonctionne :

Code:

<center><div style="border: 10px #003c69 solid; width: 510px; background-color: #ffffff; padding: 6px 6px 6px 6px;text-align: justify;border-radius:25px 25px 25px 25px;">[center]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 35px;font-weight:bold;font-style:italic; font-family: papyrus; ">Icône en 100*100</div>
<div style="border : 1px solid #BFD6CA;"></div><div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">A</div>
[spoiler=Adrian Rodriguez ][img]http://i45.servimg.com/u/f45/14/95/58/96/craa1010.jpg[/img][/spoiler]
[spoiler=Angy Fernandez ][img]http://i45.servimg.com/u/f45/14/95/58/96/angy_f12.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/angy_f13.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">D</div>
[spoiler=DongHae (Super Junior) ][img]http://i45.servimg.com/u/f45/14/95/58/96/20090610.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/dongha10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/sj--do10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/user3610.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">E</div>
[spoiler=Emilie De Ravin ][img]http://i45.servimg.com/u/f45/14/95/58/96/emilie10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie12.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie13.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie14.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie15.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/emilie16.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">H</div>
[spoiler=Hisato Izaki ][img]http://i45.servimg.com/u/f45/14/95/58/96/devilm10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/hisato10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/hisato11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/hizaki10.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">J</div>
[spoiler=Javier Calvo ][img]http://i45.servimg.com/u/f45/14/95/58/96/media-10.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">Y</div>
[spoiler=Yusuke Izaki ][img]http://i45.servimg.com/u/f45/14/95/58/96/19949410.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/devilm11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/hizaki11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/live_d10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/yusuke10.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/yusuke11.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/yusuke12.jpg[/img] [img]http://i45.servimg.com/u/f45/14/95/58/96/yusuke13.jpg[/img][/spoiler]<div style="text-align:center;margin-top:30px;color: #003c69; text-shadow: #BFD6CA 1px 1px 1px; font-size: 20px;font-weight:bold;font-style:italic; font-family: papyrus; ">Personnalités Multiples</div>
[spoiler=10 ][img]http://i45.servimg.com/u/f45/14/95/58/96/super-10.jpg[/img][/spoiler][/center]
</div></center>

Comme vous le voyez les codes sont identiques car je les mets toujours grâce au copier/coller.

[Matriochka]

Merci.

Donc, le problème se situe dans la feuille de styles de ton forum. Tu as ceci :

Code:

.postbody {text-align:justify;}

PS : Petite précision, il faudrait éviter de mélanger les codes HTML et les codes BBcode. Soit tu fais tout ton message en HTML, soit tu le fais en BBcode, mais pas les deux, c’est incorrect

[Minah Wolf]

LoL. J'ai toujours fais comme ça et j'ai jamais eu de problèmes avant.

XD

Et oui j'ai bien ceci, je vous met cette partie de mon css :

Code:

/* JUSTIFY AUTO */

.postbody {
    display: block;
    text-align:justify;}

.navig {
position: absolute;
top: 0px;
width: 100%;}

[Matriochka]

Pourtant, c’est bel et bien ceci qui pose problème. Essaye de le retirer, tu verras.

[Minah Wolf]

Ça fonctionne. Mais dans ce cas, les textes ne seront plus automatiquement justifier. Tampis. Je préfère que les spoiler puissent être centrés après tout. Merci de ton aide.

[Matriochka]

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif