éditeur de réponse rapide qui prend le padding pour le post

[haruhito]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : à partir du moment où j'ai rajouté un padding pour le post
Lien du forum : https://bloomintome.forumactif.com

Description du problème

Bonjour à tous !

Je reviens à nouveau avec un petit souci. En effet, depuis que j'ai rajouté un padding au sein du post et la prévisualisation, je le retrouve aussi sur l'éditeur de réponse rapide. Hors, j'aimerai l'enlever, ou au moins le modifier. J'ai essayé différent code que j'ai pu trouver dans d'anciens post qui concernant la modification de l'apparence de l'éditeur de réponse rapide, mais rien n'a fonctionné. (Ou alors c'est le 550px sur le .sceditor-container textarea....)
Je me demandais donc s'il était possible d'enlever ce padding sur l'éditeur de réponse rapide ?

Je vous remercie d'avance de votre aide !

[Oka.mi]

Bonjour,

Cela vient du max-width que nous avons ajouté la dernière fois au textarea, pour éviter le redimensionnement automatique de l'éditeur.
Comme l'espace pour écrire est moins large que l'éditeur qui le contient, cela donne ces marges qui ne sont donc pas des paddings à proprement parler.

Je vous propose la correction suivante, à ajouter à votre css :

Code:

.sceditor-container {
    width: 560px !important;
}

[haruhito]

Bonjour Oka.mi,

Merci encore et toujours de votre aide !
En effet, c’est mieux, mais ça me laisse un grand cadre violet qui n’est pas très agréable à voir. Je suppose qu’il y a un autre code à insérer pour modifier cela, sans modifier celui que nous venous d’ajouter ?

[Oka.mi]

Petite précision par rapport à ma réponse précédente : dans votre css vous avez déjà une ligne pour le .sceditor-container

Code:

.sceditor-container {
    background-color: #f5f5f5 !important;
}

Mettez le width mentionné plus haut là, pour ne pas disperser les informations.

Concernant votre problème de cadre mauve, dans votre template viewtopic_body, vous avez

Code:

<td class="row2" style="width: 700px;" valign="top" align="center">
 <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
</td>

Remplacez style="width: 700px;" par

Code:

colspan="2"

Vous obtiendrez alors le rendu initial avec juste la bande mauve en-dessous de l'éditeur.

[haruhito]

Il s'agit du css de base que je n'ai pas collé dans mon css actuel ! Le CSS actuel contient uniquement les modifications.

Par rapport au viewtopic_body, comme je l'ai modifié, voici ce que j'ai :

Code:

<table class="forumline noprint" style="margin:auto; max-width:920px;" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td></tr>

je possède donc apparemment déjà le colspan="2", et je suppose qu'il faudrait plutôt toucher ici ?

Code:

style="margin:auto; max-width:920px;" width="100%"

[Oka.mi]

Sorry, petite erreur de ma part, je me suis fait avoir par la variable (il y a un table qui y est intégré et je l'ai confondu avec celui qui englobe le tout...)

Du coup pas besoin de toucher au template, mettez ceci dans votre CSS, ça devrait corriger l'affichage

Code:

#quick_reply {
    width: 560px;
}

[haruhito]

Aucun souci !

Olala, merci beaucoup pour votre aide, c'est parfait !

Je mets donc ce sujet en résolu, et à nouveau, merci énormément Oka.mi ! J'en profite également pour supprimer votre compte sur le forum, si cela vous convient ?

[Oka.mi]

Je comptais le faire, mais faîtes-vous plaisir

Avec plaisir, bonne soirée.

[haruhito]

Aha j'ai été plus rapide pour vous demander !

Bonne soirée à vous également !