Spoilers en escalier

[Dracerinx]

Bonjour !

Je ne savais pas trop dans quelle section poster ce message donc excusez moi d'avance s'il n'est pas dans la bonne place.

En fait j'avais un problème sur les messages qui contenaient des spoilers. Tout ce qui se trouve sous un spoiler décale tout texte ou code d'en-dessous. Du coup, quand on en met plusieurs à la suite, ça fait une sorte d'escalier de spoilers et ça finit par déformer mon forum :/

Voilà un exemple plus précis :



Le code mis c'est simplement :

Code:

[spoiler]blabla[/spoiler]
[spoiler]blabla[/spoiler]
[spoiler]blabla[/spoiler]
[spoiler]blabla[/spoiler]

Quelqu'un pourrait m'aider ? C'est sûrement un problème simple mais j'ai aucune idée d'où il peut venir...

Merci d'avance,
Cordialement.

PS: L'adresse du forum est http://last-hope.frenchboard.com/

[Invité]

Salut Dracerinx

essayes ceci dans ton CSS:

Code:

.spoiler_content
{
 margin-left:3px;
}

.spoiler_closed
{
 margin-left:3px;
}

a++

[Dracerinx]

Salut !

Je l'ai mis mais... Ca change rien :/

[Invité]

Salut,
tu peux mettre le contenu de ton CSS stp ??
a++

[Dracerinx]

Ouep !

Code:

BODY{background-repeat:no-repeat;background-position: center top;font-size: 10px;font-family: Helvetica;background-color: #000000}

/*HEADER*/

 body{
background-color: #232324;
background-image: url("http://i53.tinypic.com/6r0shc.png");
background-position:top;
background-repeat:no-repeat;
}



/*MISE EN FORME DU TEXTE*/

.postbody {color: #ffffff;
    display: block;
    padding-left: 70px;
    padding-right: 70px;
    text-align:justify;
}

/*CONTOUR FORUM*/

.forumline {-moz-border-radius:30px;}

.forumline{color: #1A191A;
-moz-border-radius: 25px 25px 25px 25px;
border-bottom: 15px solid  ;
border-top: 13px solid;
border-right: 18px solid ;
border-left: 18px solid ;}

/*LIENS DES FORUMS*
.desclinks{text-align:left;margin-top:-10px;
text-decoration: none;font-weight: bold;font-size:9px;
text-transform: capitalize;
font-family: Helvetica;
background-color: #2e0132;
color: #c6c6c6;
letter-spacing:1px;
padding:5px;
margin-top:10px;margin-bottom:5px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-box-shadow: 3px 3px 3px #373434;
-webkit-box-shadow: 3px 3px 3px #373434;
box-shadow: 3px 3px 3px #373434;}


.desclinks a{text-decoration: none;
font-weight: bold;font-size:9px;
text-transform: capitalize;
font-family: Helvetica;
text-decoration: none;
background-color: #transp;
padding: 3px;padding-left: 7px;padding-right: 7px;
text-align: center;
color: #413b37;
letter-spacing:2px}

.desclinks a:hover{text-decoration: none;
font-weight: bold;font-size:9px;
text-transform: capitalize;
font-family: Helvetica;
text-decoration: none;
background-color: #transp;
text-align: center;
color: #a99d91;
letter-spacing:2px}


/*PROFILS*/

.profildr
{-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
background: black;
border: 3px solid grey;
-moz-box-shadow: 2px 1px 2px #000000;
padding: 10px;
text-align: center;
}


.profilavatar
{-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
background: black;
border: 3px solid grey;
-moz-box-shadow: 2px 1px 2px #000000;
padding: 10px;
text-align: center;
margin: 15px;
}



/*QEL*/

.rightpart {
font-size : 12px ; *grandeur du texte
border-left : 10px dotted #ff0000; *séparation du tableau de gauche et du tableau de droite par une ligne, peu être changé en DOTTED, SOLID, DOUBLE, etc
padding-left : 10px } *veuillez ne pas toucher à cette partie

.groups{
background-color:#COLOR ; *peut-être un fond de couleur ?
border: 1px color #COLOR  ; *contour du QEEL
-moz-border-radius : Xpx XpxXpxXpx; *pour arrondir les bords
height:40px; *pas touche
padding-right:12px; *pas touche
padding-left:14px; *pas touche
padding-bottom:3px; *pas touche
font-size:14px *grandeur du texte;
font-weight: bold; *texte en gras
text-align:center; *texte aligné au milieu
font-color : #COLOR  ; *couleur du texte
text-decoration: none !important; *pas touche
}




/*PA*/

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 30px; /* on positionne notre infobulle */
  left: 20px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}


/*dernière édition*/

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

/*Doubler le trait sous le titre du sous-forum*/

a.forumlink {padding-left:10px;}
a.forumlink:hover {padding-left:10px;}

a.forumlink{
border-bottom: 3px double #ffffff;
color:#000000;
display:block;
text-align: center;
}

/*test*/


/*TITRE FORUMS*/
a.forumlink {
font-family: Georgia;
border-bottom: 3px #transp dotted;
font-variant:small-caps;
letter-spacing: 2px;
text-align: center;
color:#FFFFFF;
display: block;
font-size: 18px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px
}

a.forumlink:hover{
font-family:  Times New Roman;
font-variant:small-caps;
letter-spacing: 2px;
text-align: center;
color:#FFFFFF;
display: block;
font-size: 18px;
text-decoration: none !important;
}


/* SPOILER */

.spoiler_content
{
 margin-left:3px;
}

.spoiler_closed
{
 margin-left:3px;
}


[Invité]

Salut,

modifie ceci et tout devrait aller

Code:

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

a++

[Dracerinx]

Génial ca a marché =D

Merci beaucoup Milouzeee