Augmenter l'interligne

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

Résolu Augmenter l'interligne

Message par JuliánEspaña le 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
avatar

JuliánEspaña
Nouveau membre

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

http://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 le 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.
avatar

MlleAlys
Membre actif

Messages : 4624
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 le 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;
    }
avatar

JuliánEspaña
Nouveau membre

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

http://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 le 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*****/
avatar

MlleAlys
Membre actif

Messages : 4624
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 le 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 ?
avatar

JuliánEspaña
Nouveau membre

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

http://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 le 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 ^^
avatar

MlleAlys
Membre actif

Messages : 4624
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 le 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:.
avatar

JuliánEspaña
Nouveau membre

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

http://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 le Ven 23 Déc 2016 - 15:59

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.
avatar

Chacha
Modéractif
Modéractif

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

http://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


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