• interligne


    Lundi 4 Mars à 22:27
    Marie Des Neiges

    Bonjour.Je voudrais savoir comment changée mon

    espace entre les lignes

    (interligne) lorsque que j',écris un commentaire .

    Merci.

    Mercredi 6 Mars à 10:51
    stormalo

    Bonjour,

    Le réglage de l'interligne c'est l'administrateur du blog qui peut la modifier
    (interligne = hauteur de ligne - hauteur des caractères).

    L'espace visuel que l'on constate dans tes commentaires provient d'une confusion entre un retour à la ligne dans un paragraphe, et début d'une nouvelle ligne dans un nouveau paragraphe..

    Dans un vrai retour à la ligne, on commence d'écrire sur la ligne suivante.
    Après une fin de paragraphe, on on commence d'écrire sur la première ligne d'un nouveau paragraphe.

    Il faut savoir qu'une marge apparait par défaut sous chaque paragraphe, ce qui visuellement ajoute un espace vide entre deux paragraphes.

    • Pour un retour à la ligne dans un même paragraphe, faire une action combinée sur les touches Entrée+Maj
    • En appuyant simplement sur la touche Entrée, on crée un nouveau paragraphe et on écrit sur la 1ère ligne de ce nouveau paragraphe.

    Je pense que ça devrait améliorer l'apparence de tes commentaires (et pas que de ceux-ci)

    Bonnes suites

    Mercredi 6 Mars à 18:53
    Marie Des Neiges

    Ok Merci Je comprends mieux !

    Bonne journée !

    Jeudi 7 Mars à 09:37
    Pipiou

    Coucou,

    j'ai un p'tit doute sur "interligne = hauteur de ligne - hauteur des caractères
    je lis : hauteur de ligne moins hauteur des caractères ? 

    pour moi l'interligne c'est l'espace "entre deux paragraphes" : la taille des caractères n'intervient pas.

    l'espace entre deux lignes c'est la "hauteur de ligne" : la taille des caractères n'intervient pas non plus, ce sont des réglages différents MAIS qu'on peut combiner pour un bon affichage,

    une petite hauteur de ligne va forcément couper/tronquer une police de caractères plus haute que la hauteur de ligne,

    me trompe-je ?

     

    Jeudi 7 Mars à 22:21
    stormalo

    Bonsoir Pipiou,

    Il y en a un de nous deux qui se trompe (ou les deux)

    Sur EB l'espace entre paragraphes est une marge bassegénéralement de 10 ou 15px définie par css dans une feuille de style. (celle de 10px est dans la première)

    Interligne = espace entre deux lignes de texte  
    Hauteur de ligne = hauteur de la boite qui contient la ligne de texte (la boite étant une représentation d'un élément html)
    La hauteur de ligne est une chose, la hauteur de la police en est une autre, elles ne sont pas nécessairement liées.

    Ma formulation Interligne = hauteur de ligne - hauteur des caractères, n'est qu'indicative. Elle suppose, entre autre, qu'il n'y a qu'une seule police de taille unique.

    En résumé :
    La propriété line-height définit la hauteur de ce qui contient la ligne de texte.
    La propriété Font-size définit la taille de la police du texte
    A police fixe, si on augmente la hauteur de ligne,  l'interligne du texte augmente.

    EDIT 08/03/24  08:03

    Trouvé ce matin, mais perso, lecture survolée seulement.

    https://iamvdo.me/blog/css-avance-metriques-des-fontes-line-height-et-vertical-align

    Bonne lecture

    Vendredi 8 Mars à 10:23
    Pipiou

    intéressant, et ça m'a sauté aux yeux avec les deux premiers mots : "Sur EB" : des codages propres aux plateformes (dans leur utilisation), qui sont lus et affichés -ou pas- par les navigateurs... 

    merci pour la page (ton Edit) que j'ai lue : l'auteur s'est bien amusé avec ses petites prises de tête pour mieux comprendre, il écrit notamment, pour résumer un de ses tests :

    "le mythe de croire que line-height est la distance entre les lignes de bases du texte s’effondre. En CSS, ce n’est pas le cas."   Ha bin ça c'est bêtiot !

    Et pour cause : quand tu lis la technicité de chaque propriété qui influe -ou pas- sur chaque autre propriété --> le CSS est un super-mega labyrinthe !

    Vu la complexité du truc, je m'en tiens à... faire des tests pour avoir le meilleur résultat he

    @+ et bonne journée

     

    Samedi 9 Mars à 15:07
    stormalo

    . . .  après une lecture plus approfondie :


    Comme souvent, plus on cherche à approfondir un aspect des choses, plus on réalise que ce n'est pas si simple, mais parfois c'est utile d'en avoir une petite idée. 
    Si après décryptage html css on continue avec le dessin des caractères (glyphes) c'est encore beaucoup plus complexe et là, j'ai abandonné smile.

    Dans le principe je n'ai rien à changer dans ma réponse à Marie Des Neiges, c'est déjà ça.
    La hauteur de ligne html est une chose, la hauteur de la police (ligne texte) en est une autre, elles ne sont pas nécessairement liées

    Line-height : A mon avis, ce qui serait "super bêtiot", c'est d'en déduire que la distance entre deux lignes de base ne peut pas avoir la même valeur que line-height.

    Ouf.

    ( ͡° ͜ʖ ͡°)  bon week-end.

     




    Vous devez être membre pour poster un message.