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

12
Jan
2011
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!
1 Invité, le 12/01/2011 à 15h52
Bonjour,
Essayez d'ajouter ceci à la fin de votre CSS:
Code:
.spoiler {float: left;}


Cordialement.
2 Psyko-Hérisson, le 12/01/2011 à 18h27
Bonjour,
Merci pour le code, mais avec, ça bug encore plus, ça donne ça:
Spoiler:

^^''
3 Invité, le 13/01/2011 à 16h53
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.
4 Psyko-Hérisson, le 13/01/2011 à 19h51
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. (:
5 Invité, le 16/01/2011 à 09h27
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.
6 Psyko-Hérisson, le 16/01/2011 à 20h51
Bonjour,
merci beaucoup pour votre réponse! ça marche parfaitement!! Very Happy

Sujets similaires
voilà petite question que j'espère qu'on pourra répondre (Et en plus c'est sans lien avec les avatars) Comment on fait un ¨spoiler¨?
Bonjour, Avec iweb 2 que j'utilise pas mal, l'inspecteur ne s'affiche plus quand je le veux, quelle est l'astuce pour l'avoir encore svp? Merci ben.
J'ai un problème qui revient assez fréquemment lorsque je vais sur un site pas specialement celui-ci ... si quelqu'un a une petite ..... idée !!! L'URL demandée n'a pu être
Réponses 1 à 6 sur 6 pour "Spoiler qui s'affiche 'en décalé'"
À voir aussi
more_less
Informations

6 Réponses pour le sujet :
"Spoiler qui s'affiche 'en décalé'"

Ce sujet a été vu 761 fois.

Dernier message écrit :
12/01/2011 à 14h46 par "Psyko-Hérisson"