Spoilers en escalier

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

Résolu Spoilers en escalier

Message par Dracerinx le Dim 17 Avr 2011 - 11:21

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/


Dernière édition par Dracerinx le Dim 17 Avr 2011 - 20:26, édité 1 fois

Dracerinx
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 17/04/2011

http://last-hope.frenchboard.com/
Dracerinx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoilers en escalier

Message par Milouze14 le Dim 17 Avr 2011 - 19:55

Salut Dracerinx

essayes ceci dans ton CSS:

Code:
.spoiler_content
{
 margin-left:3px;
}

.spoiler_closed
{
 margin-left:3px;
}


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoilers en escalier

Message par Dracerinx le Dim 17 Avr 2011 - 20:09

Salut !

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

Dracerinx
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 17/04/2011

http://last-hope.frenchboard.com/
Dracerinx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoilers en escalier

Message par Milouze14 le Dim 17 Avr 2011 - 20:11

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoilers en escalier

Message par Dracerinx le Dim 17 Avr 2011 - 20:12

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;
}

Dracerinx
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 17/04/2011

http://last-hope.frenchboard.com/
Dracerinx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoilers en escalier

Message par Milouze14 le Dim 17 Avr 2011 - 20:15

Salut,

modifie ceci et tout devrait aller Very Happy

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Spoilers en escalier

Message par Dracerinx le Dim 17 Avr 2011 - 20:21

Génial ca a marché =D

Merci beaucoup Milouzeee I love you

Dracerinx
Nouveau membre

Masculin
Messages : 10
Inscrit(e) le : 17/04/2011

http://last-hope.frenchboard.com/
Dracerinx a été remercié(e) par l'auteur de ce sujet.

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


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