-
Annonce [Tuto] Sauts à la ligne moins espacés
Samedi 30 Avril 2011 à 16:52 Antruxit
Bonjour tout le monde !
Beaucoup de personnes demandent souvent : "Mais comment aller à la ligne sans faire de grands espaces ?"
Eh bien, il y a deux solutions :
- La première, c'est tout simplement de faire la combinaison de touches "Shift + Entrée" à la place d'Entrée tout court.
Bien pratique mais un peu agaçant lorsqu'on le fait souvent. - Pour la solution longue durée (plus besoin de faire Shift + Entrée), il suffit de mettre dans le code CSS :
p{
margin: 0;
}
Et pour ceux qui veulent un petit espace (pas trop grand) :
p{
margin: 8px 0;
}
Vous pouvez remplacer 8 par un nombre différent qui sera la moitié de l'espace entre chaque saut à la ligne. Dans cet exemple, j'ai mis 8px pour 16px d'écart entre les paragraphes.
Je l'ai moi-même testé, ça fonctionne très bien. Mais attention, on ne voit pas la différence dans la création (ou édition) d'articles, mais uniquement au résultat.
Voili voilou, j'espère que ça vous aura aidé !
Mercredi 4 Mai 2011 à 11:29 Pipiou
Bonjour japangeek
Merci pour l'astuce, ça peut être bien utile !
Je me permets une remarque : peux-tu indiquer où exactement positionner le code que tu donnes ? (quel menu utiliser, quelle page, quelle position)
Ca permettra d'utiliser ton code plus efficacement ;-)
Merci encore
Mercredi 4 Mai 2011 à 12:34 Antruxit
Il faut aller dans :
Apparence >> Modifier le thème >> Ajouter du CSSEnsuite il suffit d'ajouter le code donné plus haut.
Mercredi 4 Mai 2011 à 12:39 Pipiou
C'était pas grand chose, mais je pense que ça sera bien utile !
Merci beaucoup
Mercredi 4 Mai 2011 à 12:40 Antruxit
De rien !
Vendredi 8 Juillet 2011 à 17:04 Cassandra.H
Merci beaucoup pour ton astuce! Je fais tout le temps des retours à la ligne et je trouvais que c'était beaucoup trop espacé quand je le faisais :)
Bonne journée
Samedi 9 Juillet 2011 à 09:43 Pipiou
Moi de même j'ai utilisé l'astuce, et c'est beaucoup mieux comme ça : l'espace d'interligne est moins grand.
Bonne journée à tout le monde
Mardi 19 Juillet 2011 à 17:33 Glamorously Yours
Oh merci, c'est tout pile ce que je cherchais! Saurais-tu comment faire pour que par contre l'interligne soit plus grand? (genre comme sur Word 1,5) Parce que je trouve que c'est plus agréable pour la lecture!
Mardi 19 Juillet 2011 à 23:12 Antruxit
Pour des interlignes espacées, je te proposes d'utiliser ce code :
p{
margin:30px 0;
}Après, à toi de choisir la taille de l'interligne en la changeant (par exemple 26px).
Mercredi 20 Juillet 2011 à 06:20 Glamorously Yours
coucou! merci pour ta réponse, mais ce n'est pas ça que j'aimerais faire! J'aimerais que l'interligne entre les lignes d'un même paragraphe soient plus grands!
EDIT: j'ai trouvé comment faire ailleurs! Il faut modifier la valeur jusqu'à ce qu'on obtienne ce que l'on veut!
body {
line-height: 1.25;
}
Vous devez être membre pour poster un message.
- La première, c'est tout simplement de faire la combinaison de touches "Shift + Entrée" à la place d'Entrée tout court.