Absence de BBCode en prévisualisation et double interligne

[Clemsi]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Depuis le début de la création du forum
Lien du forum : http://meseries.forumactif.com/

Description du problème

Bonsoir tout le monde,

Une membre rencontre un problème avec les couleurs de la police et le saut de ligne.

En Réponse Rapide (je ne sais pas en mode "Répondre" car je n'ai pas testé), j'ai un souci : les BBCode ne s'affichent pas donc il y a souvent des soucis au niveau de la couleur de police (une ligne d'écriture est ok, l'autre pas. Elle reste en noir).

Et souci aussi au niveau du passage à la ligne : lorsque je veux laisser un espace, cela m'en créé deux.

Il n'y a qu'en prévisualisation que je peux m'en rendre compte. Et lorsque je veux éditer mon message pour modifier les erreurs, les BBCode apparaissent un dixième de seconde à l'ouverture puis disparaissent.

Le topic : http://meseries.forumactif.com/t545-absence-de-bbcode-en-previsualisation-et-double-interligne

[Clemsi]

[Clemsi]

[Clemsi]

[Sakura Yuuki]

Coucou !

En fait, c'est parce que ton forum est en mode WYSIWYG, littéralement "what you see is what you get". Pour le désactiver, vas dans les panneaux de configurations > Général > Messages & Emails > Configuration ; et coche Non à Activer le mode WYSIWYG par défaut dans les messages.

En espérant t'avoir aidé c;

[Clemsi]

C'est déjà coché non, Sakura Yuuki.

[Sakura Yuuki]

Dans ce cas, essaie de cliquer ici : https://www.zupimages.net/up/17/37/bqq2.png ?

[Clemsi]

J'ai cliqué dessus.
Il faut que je dise au membre qui a ce problème de le faire, aussi.^^

[Sakura Yuuki]

Okay c: Ravie d'avoir pu aider alors ><

[Clemsi]

Mais je ne sais pas encore si ça marche, car moi, je n'avais pas ce problème.

[Clemsi]

Sakura Yuuji, voici sa réponse :

C'est ok, apparemment. Ça fonctionne (pour les BBCodes et les doubles interlignes).

En revanche, comme rien n'est parfait, en prévisualisation, ça donne ça (mon commentaire vient carrément se mettre dans ma signature).
https://i.servimg.com/u/f11/19/50/96/03/screen12.jpg

Je précise qu'il y aussi ce problème de commentaire qui vient se mettre dans la signature dans les messages privés...

[Sakura Yuuki]

Rebonjour,

En fait, il s'agit d'un tout autre problème. Allez dans votre CSS et supprimer le margin top ici :

Code:

div[class="signature_div"] {
    margin-bottom: 6px;
    margin-left: 6px;
    margin-top: -40px; /* Celui-là*/
}

La balise remonte lors de la prévisualisation x)

[Clemsi]

Oui, ça marche.
Sauf que j'aimais bien quand l'espace entre la séparation du message et la signature était petit...

[Sakura Yuuki]

Je me doute qu'il était là pour ça, essaie peut être de rajouter un margin bottom a tes post en eux même, genre comme ça : ?

Code:

.post-entry {
    margin: .5em;
    overflow: hidden;
    margin-bottom: -30px; /*Comme ici ?*/
}

[Clemsi]

Non, c'était moi qui l'avais rajouté : https://forum.forumactif.com/t393404-reduire-l-espace-entre-la-fin-du-message-et-la-signature

Je copie/colle ton code en entier ?

[Sakura Yuuki]

Remplace le par celui qui porte le même nom, j'y ai juste ajouté une ligne en plus ^^

[Clemsi]

Ok, il faut que je le trouve...

[Clemsi]

Sakura, t'es sûre que j'ai "post entry" dans mon css ?

[Sakura Yuuki]

Cherche "post-entry" dans ton css, si tu ne le trouve pas, ajoute carrément en entier le code que j'ai posté c;:

[Clemsi]

C'est bon, ça marche !
Merci Sakura Yuuki !

[Clemsi]

Edit : Ah non, cela fait que la balise spoiler sort du message :


Je crois que ça fait ça avec les membres qui n'ont pas de signatures...

[Clemsi]

Est-ce que je dois ouvrir un autre sujet ?
Je ne sais pas, car un problème résolu en a crée un autre.

[Le Grand Duc]

Bon, je crois que je vois le problème :
La signature n'est pas affichée de la même façon dans les messages courants que dans un message en pré-visionnement.
Dans les messages courants, elle est précédée d'un saut de ligne <BR>. La margin-top:-20px avait donc pour effet d'annuler ce saut de ligne.
Mais en mode pré-visionnement, il n'y a pas ce saut de ligne, ce qui fait que la signature arrive trop haut cette fois. Je n'avais pas prévu ça.
Maintenant pour ce qui est de faire la différence entre les deux cas à l'aide du code CSS,... je cherche encore...

[Clemsi]

Il y avait aussi les messages privés qui rentraient dans la signature avec ton code, Le Grand Duc.

[Le Grand Duc]

Bon, alors en regardant de plus près, on voit que le HTML n'est pas exactement le même pour les messages en pré-visionnement et les autres.
Pour le pré-visionnement, on a deux sauts de ligne avant la div
<br /><br /><div class="signature_div">_________________<br />Ma signature.</div>

En mode normal on n'a pas de saut de ligne avant, mais un à l'intérieur de la div et avant la signature.
<div class="signature_div" id="sig7"><br />_________________<br />Ma signature.</div>

Ce code permet de faire la différence et donne de bons résultats chez moi (à ajuster chez vous) :

Code:

div[class="signature_div"]{margin-top:-30px}
div[id^="sig"]{margin-top:-20px;margin-bottom:-20px}

[Clemsi]

Merci Le Grand Duc, ça marche !