Problème avec les balises code, quote et spoiler

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

Résolu Problème avec les balises code, quote et spoiler

Message par Elphos le Sam 24 Déc 2011 - 19:29

Bonsoir,

alors voilà, à l'occasion de noël, j'ai changé le thême de mon forum, et j'ai remarqué un problème avec les balises "spoiler", "quote" et "code" en bbcode. J'ai cherché si d'autres personnes avaient eu le problème, et je n'ai pas trouvé cela exactement, ou alors je suis passé à côté et j'en suis désolé. En effet, il y a une « trainée » de lignes sous les spoilers, les citations et les codes. J'ai modifié les spoilers et les codes avec le css, mais il ne me semble pas que cela vienne de là, car en les enlevant, le problème persiste :


Je ne sais pas si les templates pourraient à voir là dedans, car les miens sont beaucoup modifiés. Au cas où, tout de même, je mets mes codes css concernés :

Spoiler :

Code:
.spoiler_closed {
  display:block;
  line-height: 125%;
  border-width: 1px 5px;
  border-style:dashed solid;
  border-color: #051f2d;
  border-radius: 0px;
  color: rgb(17, 19, 22);
  background-image: url('http://i42.servimg.com/u/f42/14/52/80/55/2510.png');
  padding:4px;
   }

.spoiler_closed.hidden {
  display:none;
  padding:4px;
   }

.spoiler_content {
  display:block;
  line-height: 125%;
  border-width: 1px 5px;
  border-style:dashed solid;
  border-color: #051f2d;
  border-radius: 0px;
  color: rgb(17, 19, 22);
  background-image: url('http://i42.servimg.com/u/f42/14/52/80/55/2510.png');
  max-height:400px;
  padding:4px;
  overflow:auto;
  max-width:750px;
 
   }

.spoiler_content.hidden {
   display:none;
        padding:4px;width:90%;
   }

code :

Code:
.code{
  border-width: 1px 5px;
  border-style:dashed solid;
  border-color: #051f2d;
  border-radius: 0px;
  color: rgb(17, 19, 22);
  background-image: url('http://i42.servimg.com/u/f42/14/52/80/55/2510.png');
  padding:4px;
}

.code div.cont_code {
  max-height:200px;
  overflow:auto;
  padding:4px;
}

quote :

Code:
.quote{
border-width: 1px 5px;border-style:dashed solid;border-color: #051f2d;border-radius: 0px;color: rgb(17, 19, 22);background-image: url('http://i42.servimg.com/u/f42/14/52/80/55/2510.png');padding:4px;}

Voilà, merci beaucoup, et joyeux noël à tous et à FA ! Et merci à FA, un support toujours génialissime et en permanente amélioration, que j'utilise déjà depuis de nombreuses années !


Dernière édition par Elphos le Dim 25 Déc 2011 - 11:01, édité 1 fois

Elphos
Nouveau membre

Messages : 18
Inscrit(e) le : 19/12/2009

http://metalia-rpg.forumactif.org/index.htm
Elphos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les balises code, quote et spoiler

Message par Milouze14 le Dim 25 Déc 2011 - 7:56

Salut elphos,

tu as créée une class ( .cadreboutique ) dans le postbody, voilà pourquoi tu as ce décalage Wink .

Dans ta feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Recherche la class ".postbody" et supprimes toutes les borders Wink .

Joyeux Noël cheers .

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème avec les balises code, quote et spoiler

Message par Elphos le Dim 25 Déc 2011 - 10:38

Bonjour Milouze14, et merci pour cette réponse utile !

Oui c'est cela, bien vu, c'est le css de « postbody », avec les borders qui donnent les lignes et le padding qui donne les décalages. Seulement, si j'enlève les borders et le padding, eh bien je n'ai plus le « cadre général » des posts et ma présentation de base des posts, si ? Comment faire pour conserver les deux ? Sad

Edit : ou il faudrait insérer, peut-être, une nouvelle class dans les templates, autre que postbody, mais exactement au même endroit... Je vais essayer.

Edit 2 : j'ai insérer une nouvelle class, juste autour du message
Code:
{postrow.displayed.MESSAGE}
et cela marche très bien, c'est tout à fait ce que je voulais ! Le problème est donc, en soi, résolu !

Merci beaucoup Milouze14 !

Sinon, je n'ai pas compris le lien avec ma class de «.cadreboutique », pouvez-vous m'expliquer ? scratch

Merci beaucoup et joyeux noël à tous.

Elphos


Dernière édition par Elphos le Dim 25 Déc 2011 - 11:01, édité 2 fois (Raison : Trouvaille d'une solution)

Elphos
Nouveau membre

Messages : 18
Inscrit(e) le : 19/12/2009

http://metalia-rpg.forumactif.org/index.htm
Elphos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les balises code, quote et spoiler

Message par Milouze14 le Dim 25 Déc 2011 - 16:18

Re,
Code:
Sinon, je n'ai pas compris le lien avec ma class de «.cadreboutique », pouvez-vous m'expliquer ?

Tu dois avoir dans ta template "viewtopic_body" la class "cadreboutique":
C'est elle qui de donne l'apparence interne du post Wink .

a++

Milouze14
+ Hyperactif +

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

http://www.milouze14.com/
Milouze14 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