Augmenter l'interligne

3 participants

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

Résolu Augmenter l'interligne

Message par JuliánEspaña Ven 23 Déc 2016 - 1:52

Bonjour à toutes et tous,

Je m'inscris sur ce Forum des Forums, car je reprends moi-même l'administration d'un Forum et il se trouve qu'il y a des points relativement techniques - en tout cas pour moi, Laughing - que je ne maîtrise pas... Je pense donc que je viendrai souvent vous solliciter, Embarassed...

Mon première difficulté est la suivante : je souhaiterais que l'interligne des messages des membres soit plus important. Je suis donc allé voir du côté du CSS où il était noté : line-height: 16px;

J'ai beau changer la valeur (20px, 30px, etc.), l'interligne ne change pas d'un iota, Crying or Very sad. Je me dis qu'il y a peut-être un/des problème(s) avec le CSS, lequel a été modifié par l'ancien Administrateur.

Puis-je éventuellement le poster ici pour que vous y jetiez un coup d’œil, scratch ?

Je vous remercie d'avance toutes et tous pour l'aide que vous voudrez bien m'apporter, Very Happy.


Dernière édition par JuliánEspaña le Ven 23 Déc 2016 - 15:46, édité 1 fois
JuliánEspaña

JuliánEspaña
**

Masculin
Messages : 61
Inscrit(e) le : 23/12/2016

https://www.axolotl-passion.com/forum
JuliánEspaña a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'interligne

Message par MlleAlys Ven 23 Déc 2016 - 2:06

Bonjour,

C'est bien un line-height qu'il faut modifier, appliqué au bloc contenant les messages qui s'appelle postbody.

A priori aucun code modifiant l'interline des messages n'es visible sur le forum de votre profil. Soit le code que vous avez essayé de modifier s'applique à un autre endroit du forum, soit il contient une erreur qui fait qu'il n'est pas pris en compte.

Si vous pensez que votre feuille de style contient une erreur, vous pouvez effectivement la copier/coller entre balises code dans votre prochain message pour que nous puissions y jeter un oeil.

Sinon, vous pouvez copier/coller le code suivant pour l'ajouter à votre feuille de style :
Code:
/*mise en forme des messages*/
.postbody {
  line-height: 25px;
}
Avec 25px vous devriez voir la différence, modifiez la valeur à votre convenance.
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'interligne

Message par JuliánEspaña Ven 23 Déc 2016 - 2:11

Merci beaucoup pour cette réponse des plus rapides, a fortiori vu l'heure, Laughing ! Je vois que je ne suis pas le seul "noctambule", Laughing !

Ayant peur de faire des bêtises, je préfère copier-coller ici le CSS, d'autant plus que je crains qu'il y ait d'autres erreurs... Le voici :

Code:
    a { text-decoration: none; }

input
{
color: #000000;
}
.sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #235061 !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #235061 !important;}
 
/*---  Partie supérieur contenant les outils ---*/
 
div.sceditor-toolbar {
background-color: #38829c !important;
width: 540px !important;
}
 
/*---  Partie texte area : fond ---*/
 
.sceditor-container iframe, .sceditor-container textarea {
background-color: #235061 !important;
text-align:justify;
margin:0 !important;
line-height:25px;
width: 540px !important;
color: #99C9DB !important;
font-size:11px !important;
}
 
/*---  Groupe de boutons ---*/
 
div.sceditor-group {
background-color: #B8DAE7 !important; }
 
/*---  Boutons ---*/
 
a.sceditor-button {
}
 
/*---  Boutons sélectionnés ---*/
 
a.sceditor-button.hover {
background-color: #FFFFFF !important;
}
 
/*---  Smileys ---*/
 
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

  .signature_div img{
    max-width: 700px !important;
    max-height: 120px !important;
    }
JuliánEspaña

JuliánEspaña
**

Masculin
Messages : 61
Inscrit(e) le : 23/12/2016

https://www.axolotl-passion.com/forum
JuliánEspaña a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'interligne

Message par MlleAlys Ven 23 Déc 2016 - 13:02

Pas d'erreurs à priori, juste quelques répétitions. Le voilà réindenté pour l'occasion, et j'y ai également ajouté à la fin le code qui vous intéresse :
Code:
/*--- liens ---*/
a {
  text-decoration: none;
}

/*--- Zones de saisie ---*/
input {
  color: #000000;
}


/*****DEBUT DE LA MISE EN FORME DE L EDITEUR****/

/*--- Bloc réponse rapide ---*/

.sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode {
  width:550px !important;
  background-color: #235061 !important;
}
 
/*---  Partie supérieur contenant les outils ---*/

div.sceditor-toolbar {
  background-color: #38829c !important;
  width: 540px !important;
}
 
/*---  Partie texte area : fond ---*/

.sceditor-container iframe, .sceditor-container textarea {
  background-color: #235061 !important;
  text-align:justify;
  margin:0 !important;
  line-height:25px;
  width: 540px !important;
  color: #99C9DB !important;
  font-size:11px !important;
}
 
/*---  Groupe de boutons ---*/

div.sceditor-group {
  background-color: #B8DAE7 !important;
}
 
/*---  Boutons sélectionnés ---*/

a.sceditor-button.hover {
  background-color: #FFFFFF !important;
}
 
/*---  Smileys ---*/

.sceditor-emoticons {
  width: 350px !important;
  height: 250px !important;
  overflow: auto !important;
}

img.smiley {
  width: auto !important;
  height : auto !important;
}


/*****FIN DE LA MISE EN FORME DE L EDITEUR****/


/*****DEBUT DE LA MISE EN FORME DES MESSAGES*****/

/*--- images des signatures ---*/
.signature_div img {
  max-width: 700px !important;
  max-height: 120px !important;
}

/*--- corps des messages ---*/
.postbody {
  line-height: 25px;
}

/*****FIN DE LA MISE EN FORME DES MESSAGES*****/
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'interligne

Message par JuliánEspaña Ven 23 Déc 2016 - 15:26

Ah, super, cheers ! Merci beaucoup pour votre aide très précieuse, Very Happy !

J'ai juste à copier l'intégralité du code que vous m'avez posté et à le coller à la place du mien, n'est-ce pas ?
JuliánEspaña

JuliánEspaña
**

Masculin
Messages : 61
Inscrit(e) le : 23/12/2016

https://www.axolotl-passion.com/forum
JuliánEspaña a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'interligne

Message par MlleAlys Ven 23 Déc 2016 - 15:27

C'est ça oui, c'est le même code avec celui pour l'interligne des messages en plus, et quelques commentaires pour s'y retrouver Wink
Donc copier et remplacer ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'interligne

Message par JuliánEspaña Ven 23 Déc 2016 - 15:46

cheers Magnifique cheers

Ça fonctionne à la perfection, sunny !

Merci, vraiment, de m'être venue en aide aussi rapidement et de façon aussi efficace, ::fete::.

Passez de très belles Fêtes de Fin d'Année, :Noel:.
JuliánEspaña

JuliánEspaña
**

Masculin
Messages : 61
Inscrit(e) le : 23/12/2016

https://www.axolotl-passion.com/forum
JuliánEspaña a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'interligne

Message par Chacha Ven 23 Déc 2016 - 15:59

Augmenter l'interligne 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Bonjour,

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum