Spoiler qui s'affiche 'en décalé'

[Psyko-Hérisson]

Bonjour,
je rencontre un problème sur mon forum, les spoilers s'affichent 'en décalé', comme ceci par exemple:

Spoiler:

Ou encore sur ce sujet: http://cat-warriors-2.forumsactifs.com/t1510-liste-de-noms
Y a-t-il quelque chose à faire pour qu'ils reviennent tous sur la même ligne? Enfin, un alignement normal quoi, comme il y a à la base sur les forums.

Il y a pas mal de CSS utilisé donc cela pourrait venir de là, mais je ne sais pas franchement d'où, donc voici tout le CSS de mon forum:

Code:

.titre {
display: block;
font-family: ;
font-size:60 ;
text-decoration: none;
text-transform: ;
border-bottom: 2px dotted #2C323D;
padding-bottom: 2;
text-align: center ;
font-size: 16px;
color:#2C323D ; }

.titre:hover {
color: #000000 ;
text-transform: uppercase;
border-bottom: 2px dotted #000000; }



.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

tr.post td {padding-left: 20px;}

.limitation-signature img {
max-width: 600px;
max-height: 300px;
}


.corbeille {
    background-image: url('http://www.dzvet.net/forum/images/corb.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #b0b0b0;
    border: 1px solid #000000;
    color: #000000;
    padding-left: 60px;
    min-height: 50px;
}

a:hover{
letter-spacing : 1px; }

.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

a:hover {
background-color:;}

 

a.imginfo {
border-bottom:0 solid #b0b0b0;
color:#b0b0b0;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#b0b0b0;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}


.defilement {
overflow: auto;
width: 300px;
height: 100px;
}


div.background
{
width:330px;
height:120px;
border:2px solid black;
}
div.transbox
{
width:320px;
height:110px;
margin:2px 4px;
background-color:#b0b0b0;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;
}
div.transbox p
{
margin:2px 3px;
font-weight:bold;
color:#000000;
}


textarea, .textarea.post, input.post {
border : 2px solid #b0b0b0;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;
}

.bodyline {
border : 5px solid #b0b0b0;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;}


.forumline{
background-color: #b0b0b0;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;
border: 3px #000000 solid;
}

a {
font-variant: small-caps;
}

a { text-decoration: none; }


a.forumlink {
text-decoration: none;
text-align: center;
background-color: #b0b0b0;
border-bottom: 2px double #000000;
border-top: 2px double #000000;
-moz-border-radius: 10px ;
border-right: 5px solid #000000;
-moz-border-radius: 10px ;
border-left: 5px solid #000000;
display:block;

}
a.forumlink:hover {
text-decoration: none;
text-align: center;
background-color: #b8b8b8;
border-bottom:2px double #333333;
border-top: 2px double #333333;
-moz-border-radius: 10px ;
border-right: 5px solid #333333;
-moz-border-radius: 10px ;
border-left: 5px solid #333333;
display:block;
}

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
margin-left:10px;
margin-right:10px;
}

u {
text-decoration: none;
border-bottom: 1px #000000 dashed;
}

.limitation-avatar img {
max-width: 150px;
max-height: 200px;
}.


tr.post span.gensmall { display: none; }


.gloubiboulga{
font-variant: small-caps ;
margin-left: 2px;
text-decoration: none;
text-align: center;
background-color: #d1d1d1;
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;
display:block;
}

Il y a aussi 2 templates qui ont été modifiés: index_box & overall_header.

Voilà, merci d'avance!
Bonne journée!

[Invité]

Bonjour,
Essayez d'ajouter ceci à la fin de votre CSS:

Code:

.spoiler {float: left;}

Cordialement.

[Psyko-Hérisson]

Bonjour,
Merci pour le code, mais avec, ça bug encore plus, ça donne ça:

Spoiler:

^^''

[Invité]

Bonjour,

J'ai trouvé la partie qui cause le soucis:

Code:

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
margin-left:10px;
margin-right:10px;
}

En supprimant les marges (margin) le problème disparait, mais je pense que ça va modifier votre mise en page...

Cordialement.

[Psyko-Hérisson]

Bonjour, merci pour votre réponse, en effet, pour le topic que je donnais en impression d'écran, ça a marché, mais pour celui-là...
http://cat-warriors-2.forumsactifs.com/t1510-liste-de-noms
rien n'a changé ^^'

Sinon, n'y a-t-il pas un code ayant le même effet que celui modifié ci-dessus mais qui ne pose pas le problème des spoilers? Car c'est assez ennuyeux pour l'affichage. Du coup j'ai gardé le margin left qui n'atténue que la partie droite des spoilers, mais s'il y a un moyen de le remplacer, ce serait cool.
Merci d'avance. (:

[Invité]

Bonjour,

En modifiant le code CSS ainsi :

Code:

td.row1 span.gensmall {
    text-align: justify !important;
    display: block;
    margin-left:10px;
    margin-right:10px;
    }

.postbody {
    text-align: justify !important;
    margin-left:10px;
    margin-right:10px;
    }

Est-ce que ça conviendrait?

Cordialement.

[Psyko-Hérisson]

Bonjour,
merci beaucoup pour votre réponse! ça marche parfaitement!!