balise code qui décale le texte suivant.

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

Résolu balise code qui décale le texte suivant.

Message par ptitlac le Mar 19 Mar 2013 - 18:36

Bonsoir,

J'ai un petit soucis, rien de super important, juste une histoire d’esthétisme.

Quand je met un spoiler ou une citation, je n'ai pas de soucis, quand on revient à la ligne après la balise, le texte s'aligne correctement, pas de soucis.

Mais quand on met une balise code et qu'on revient à la ligne, il y a un décalage, comme si on avait mis un list.

Je vous donne mes deux codes pour ces trois balises, j'ai essayer de voir s'il n'y avait pas une propriété particulière qui faisait ça, mais je ne trouve sincèrement pas.

Ah je tiens a préciser que si ce n'est pas du texte qui suit, par exemple une autre balise code ou spoiler ou n'importe quoi, le décalage est quand même présent (et si on met plusieurs codes, ça déplace de plus en plus)

Code:
.code {
  height:auto;
  max-height:200px;
  overflow:auto;
  text-align:justify;
  padding:5px;
  font-family: courier new;
  letter-spacing: 0px;
  border-radius:8px;
  background-color: #341403;
  -webkit-box-shadow: 0px 0px 1px 0px #000000;
  -moz-box-shadow: 0px 0px 1px 0px #000000;
  box-shadow: 0px 0px 1px 0px #1d1d1d;
}

.quote, td.spoiler_content, td.spoiler_closed  {
  padding: 5px;
  text-align:justify;
  font-family: Arial;
  line-height:100%;
  letter-spacing: 0px;
  border-radius:8px;
  -webkit-box-shadow: 0px 0px 1px 0px #000000;
  -moz-box-shadow: 0px 0px 1px 0px #000000;
  box-shadow: 0px 0px 1px 0px #000000;
  background-color: #341403;
}

Je vous remercie de m'avoir lu.


Dernière édition par ptitlac le Mer 20 Mar 2013 - 22:12, édité 1 fois

ptitlac
***

Féminin
Messages : 176
Inscrit(e) le : 17/01/2010

http://cursedwarfare.forumactif.org/
ptitlac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balise code qui décale le texte suivant.

Message par Scoubifitz le Mar 19 Mar 2013 - 19:12

bonsoir,

si vous avez un " .postbody " dans votre CSS , rajoutez un " div " pour que ça fasse " div.postbody "

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balise code qui décale le texte suivant.

Message par ptitlac le Mar 19 Mar 2013 - 19:15

Excellent !!!

Merci bien ^^

Mais petite question du coup. Ce que j'ai mis dans le postbody sera pris en compte lorsqu'on écrit nos messages ? (comme la marge ou justify ) ou alors je dois mettre quelque chose dans le body ?

ptitlac
***

Féminin
Messages : 176
Inscrit(e) le : 17/01/2010

http://cursedwarfare.forumactif.org/
ptitlac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balise code qui décale le texte suivant.

Message par Scoubifitz le Mar 19 Mar 2013 - 20:24

tout restera comme demandé .

pour reprendre le cours normal après un "quote" ou "code" , le texte est placé dans un <span class="postbody" , qui re-prend la class général que vous avez mis pour toute la structure du message ...

si vous vouliez un block pour tout le message , il y aura aussi un block pour la suite après un "quote" ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balise code qui décale le texte suivant.

Message par ptitlac le Mar 19 Mar 2013 - 21:49

donc le div devant ne change rien, seulement pour les quote, code et spoiler, est-ce que j'ai bien compris ?

ptitlac
***

Féminin
Messages : 176
Inscrit(e) le : 17/01/2010

http://cursedwarfare.forumactif.org/
ptitlac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balise code qui décale le texte suivant.

Message par Scoubifitz le Mar 19 Mar 2013 - 22:05

le div.postbody concerne tout le message , alors que .postbody concerne tout le message ET la partie après un quote ou code ...

message
code
suite du message

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: balise code qui décale le texte suivant.

Message par ptitlac le Mer 20 Mar 2013 - 22:11

D'accord, c'est nickel, merci infiniment de m'avoir aidé Wink

ptitlac
***

Féminin
Messages : 176
Inscrit(e) le : 17/01/2010

http://cursedwarfare.forumactif.org/
ptitlac 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