Décalage Spoiler Bouton_activeDécalage Spoiler Bouton_hoverDécalage Spoiler Fb-hoverDécalage Spoiler Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Décalage Spoiler EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Décalage Spoiler EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Décalage Spoiler EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Décalage Spoiler EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Décalage Spoiler EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Décalage Spoiler EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Décalage Spoiler EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Décalage Spoiler EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Funko POP! Jumbo One Piece Kaido Dragon Form : où l’acheter ?
Voir le deal

Partagez
 

Décalage Spoiler

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://falling-rain.keuf.net
Blast
Blast
{ Membre }
{ Membre }

Féminin Messages : 121



Décalage Spoiler Empty
Bonsoir !

J'ai un problème récurant sur plusieurs de mes forums.
Lorsque le code Spoiler est utilisé, son contenu et ce qui suit se retrouve décalé, comme si on y avait ajouté une marge... Pourtant il n'y a pas de code concernant le spoiler directement dans le css à ma connaissance... Est-ce que quelqu'un saurait comment résoudre ce problème pour que le décalage ne se fasse plus ?

→ Aperçu ←

Voila le Css du corps des postes :

Code:

.postbody {display: block;
text-align: justify;
padding: 5%;
font-family: arial;
font-size: 11px;
letter-spacing: 1px;
}

Merci d'avance =)


Dernière édition par Blast le Dim 30 Jan 2011, 10:56, édité 2 fois
MessageSujet: Décalage Spoiler   Décalage Spoiler EmptyMer 26 Jan 2011, 14:22
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Décalage Spoiler Empty
Remplace le CSS par :

Code:
.postbody {display: block;
text-align: justify;
font-family: arial;
font-size: 11px;
letter-spacing: 1px;
}
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyMer 26 Jan 2011, 14:45
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Décalage Spoiler Empty
Hello (:
Si le problème a été résolu, n'oublie pas de cocher l'icône Décalage Spoiler Resolu en éditant ton premier message.
Merci d'avance =D
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyMer 26 Jan 2011, 15:38
Revenir en haut Aller en bas
http://falling-rain.keuf.net
Blast
Blast
{ Membre }
{ Membre }

Féminin Messages : 121



Décalage Spoiler Empty
Psycho > j'y penserai, merci ^^
Hari'. « a écrit:
Remplace le CSS par :

Code:
.postbody {display: block;
text-align: justify;
font-family: arial;
font-size: 11px;
letter-spacing: 1px;
}

Le truc c'est que je voudrais garder l'écartement du contenue par rapport au bord =/ Mais sans qu'après ça décale les spoilers comme ça le fait actuellement ^^"
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyMer 26 Jan 2011, 15:54
Revenir en haut Aller en bas
http://aryasworlcreations.forumperso.com/index.htm?sid=37d33fddf
Arya
Arya
{ Membre }
{ Membre }

Féminin Messages : 33



Décalage Spoiler Empty
Moi j'ai le même soucis x)

Que dois je faire ?

Voici le post bidy & le code spoiler ^^

Code:
.postbody {
    display: block;
    text-align:justify;
padding-left:30px;
padding-right:30px; 
}

td.row1 span.gensmall {
      display: block;
    margin-left:10px;
    margin-right:10px;

}

Code:
.spoiler {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
background:-moz-linear-gradient(top, #c75d49, #741306);
color: #E6E6E6;
border: 2px solid  #ca6848;
padding:10px;
max-width: 100%;
}



.postspoiler {
    display: block;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 10px;
    text-align:justify; }

Merci d'avance x)
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyDim 30 Jan 2011, 09:34
Revenir en haut Aller en bas
apple box.
apple box.
{ Membre }
{ Membre }

Féminin Messages : 41



Décalage Spoiler Empty
On ne peut pas avoir les deux justement :/
Enfin j'ai pas mal essayer et je n'ai toujours pas trouver, j'ai donc abandonner l'idée de l'écartement du contenu vis à vis du bord ><
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyDim 30 Jan 2011, 10:31
Revenir en haut Aller en bas
http://aryasworlcreations.forumperso.com/index.htm?sid=37d33fddf
Arya
Arya
{ Membre }
{ Membre }

Féminin Messages : 33



Décalage Spoiler Empty
Ok - pleure -
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyDim 30 Jan 2011, 10:31
Revenir en haut Aller en bas
http://falling-rain.keuf.net
Blast
Blast
{ Membre }
{ Membre }

Féminin Messages : 121



Décalage Spoiler Empty
C'est pas logique, puisqu'ici il n'y a pas de décalage du spoiler et pourtant il y a la marge, donc c'est que ça doit être faisable...

Spoiler:
Là le texte ne se décale pas en dessous, donc soit c'est autre chose qui est utilisé pour faire la marge soit il y a une astuce pour faire en sorte que ça se décale pas, mais c'est pas impossible =p
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyDim 30 Jan 2011, 10:42
Revenir en haut Aller en bas
http://la-in-live.forumactif.org/
Looney
Looney
{ Membre }
{ Membre }

Féminin Messages : 105



Décalage Spoiler Empty
bonjour à tous !

Le problème vient du 'display:block;' dans 'postpody', si vous le retirez, vous verrez que le problème n'existera plus ^^
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyDim 30 Jan 2011, 10:51
Revenir en haut Aller en bas
http://falling-rain.keuf.net
Blast
Blast
{ Membre }
{ Membre }

Féminin Messages : 121



Décalage Spoiler Empty
*O* C'est bien ça !!!
Super, merci beaucoup ♥
Problème résolu ^^
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyDim 30 Jan 2011, 10:56
Revenir en haut Aller en bas
apple box.
apple box.
{ Membre }
{ Membre }

Féminin Messages : 41



Décalage Spoiler Empty
Ici le padding n'est pas mis dans la class postbody. C'est dans une pseudo classe qui entoure les messages (:

Du coup chez moi ça marche (:
Dans le template viewtopic_body, tu recherche cette partie :
Code:
<div>{postrow.displayed.MESSAGE}</div>
Et tu la replace par celle ci, en modifiant la valeur, si tu veux :
Code:
<div style="padding:20px;">{postrow.displayed.MESSAGE}</div>

EDIT : devancée xD
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyDim 30 Jan 2011, 10:57
Revenir en haut Aller en bas
http://aryasworlcreations.forumperso.com/index.htm?sid=37d33fddf
Arya
Arya
{ Membre }
{ Membre }

Féminin Messages : 33



Décalage Spoiler Empty
Han ma lolooooooo je tente de suite ^^

EDIT : PARFAIT merci encore ^^
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler EmptyDim 30 Jan 2011, 10:59
Revenir en haut Aller en bas
Contenu sponsorisé




Décalage Spoiler Empty
MessageSujet: Re: Décalage Spoiler   Décalage Spoiler Empty
Revenir en haut Aller en bas
 

Décalage Spoiler

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Décalage de la PA
» Décalage du forum
» Un problème de décalage
» Décalage du post
» Décalage des titres de sujet

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit