Zone d'éditeur de texte très étroit

[Fisherprice]

Détails techniques

Version du forum : phpBB3
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 : Tous les utilisateurs
Problème apparu depuis : le 7/04 après avoir tenté de modifier un peu mon code
Lien du forum : http://qualitelonguebarbe.forumactif.com/

Description du problème

Bonjour à tous !

J'ai quelques soucis avec mon forum ! Très précisément avec ma zone d'éditeur de texte. Le texte y est très étroit et un peu illisible sur les côtés (le texte est collé à la bordure, et la petite barre de défilement rend vraiment le tout difficilement lisible). De plus, j'aurais aimé "étendre" la zone d'écriture (pour avoir plus d'espace et pour un meilleur espace d'écriture !). Savez vous à quel code je dois m'attaquer pour contrer ce problème ?

Merci d'avance

[MlleAlys]

Bonjour,
J'ai du mal à comprendre ce que vous voulez dire par "étroit", la zone de saisie semble plutôt large...
Pour modifier la zone de saisie, localisez le code suivant dans votre feuille de style css :

Code:

.sceditor-container iframe, .sceditor-container textarea {
  width: 97%!important;
  margin: 0!important;
  text-align: justify;
  font-size: 11px!important;
  line-height: 16px;
  color: #FFF!important;
  background-color: #212121!important;
}

Modifiez-le ainsi :

Code:

/*Editeur message zone de saisie*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #212121!important;  /*couleur de fond*/
  color: #FFF!important;  /*couleur du texte*/
  font-size: 12px!important;  /*taille du texte*/
  line-height: 150%;  /*interligne*/
  padding: 5px !important;  /*marge entre le texte et la bordure*/
  height: 500px!important;  /*hauteur de la zone de saisie*/
  margin: 0!important;
  text-align: left;
  box-sizing: border-box;
}

Modifiez les valeurs à votre convenance.

[Fisherprice]

Merci beaucoup, c'est exactement ce que je cherchais !

(plus précisément, cette ligne-ci : padding: 5px !important; /*marge entre le texte et la bordure*/ )

Du coup, c'est beaucoup plus lisible !

[Walt]

Bonsoir,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à : éditer votre premier message, cocher l'icône résolu et enregistrer Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

Cordialement,
Walt