taille des caractères en em et margin-bottom

[NicolasR]

Bonjour,

Quelqu’un peut-il éclairer ma lanterne ?
Je constate que dans le style suivant :
p.sgc-12 {margin-left:0;margin-right:0;text-indent:30px;text-align:justify;font-size:1em}

quand la taille des fontes est en em, alors elle règle aussi un espace sous les paragraphes, espace assez gros je trouve ; c’est normal ? font-size:1em, ça fait aussi de l’espace vers le bas ?
Donc alors je ne peux plus changer l’espace sous les paragraphes en-deça de cet espace. Par exemple, si je mets margin-bottom:10em alors ça marche, mais si je mets margin-bottom:0.5em pour le diminuer, ça marche pas.
Pareil si je mets margin-bottom:5px ou autre unité de mesure, ça marche pas, je peux pas diminuer cet espacement des para…

Merci d’avance !

[zelda_pinwheel]

l'élément "p" a une margin automatique ; il faut la "remettre à zéro" pour pouvoir la définir dans les css. si tu définis une margin-bottom mais tu ne définis pas *aussi* la margin-top, tu ne pourras pas définir complètement l'espacement entre 2 paragraphs, parce qu'il y aura la margin-top par défaut de celui en dessous, en plus de ce que tu auras défini pour la margin-bottom.

il vaut donc mieux définir la margin sur les 4 côtés. tu peux utiliser le raccourci
p {margin: 0 0 0.5em 0;}
si tu veux définir uniquement la margin bottom. les chiffres correspondent à :
top right bottom left
(donc, tu commences en haut et tu fais le tour dans le sens des aiguilles d'une montre). aide mnémotechnique : TRouBLe

si tu veux la même margin en haut qu'en bas, et des 2 côtés, tu peux encore raccourcir ta règle :
{margin: 0.5em 0;}
1er chiffre pour top / bottom, 2ème pour right / left.

si tu veux la même partout, tu mets un seul chiffre:
p {margin: 0.5em;}

[NicolasR]

Merci, je vais essayer ça !

Et mince, j’ai raté, de peu, ton 27 000ème post ! 27 000…

[zelda_pinwheel]

figure-toi que, comme il se doit, j'ai remarqué que mon 27 000ème post était celui de l'annonce du meetup de ce weekend. ça m'a plu quand je l'ai remarqué, je t'avoue.

pour les margins, encore un truc que j'aurais dû préciser ; autant, si tu veux rajouter de l'espace entre tes paragraphes, c'est logique de la définir en "em", autant si tu parles de définir une margin global pour tout le document, il vaut mieux les éviter. le "em" est une unité de mesure proportionnelle ; il correspond à la largeur de la lettre "m" (d'où son nom) et donc il est plus ou moins grand en fonction de la taille du texte. du coup, si on donne à son document une margin de, par exemple, 3 em sur les côtés, et que l'on grossit ensuite le texte, les marges vont également grossir, ce qui est embêtant lorsqu'on lit sur un écran de 5 ou 6 pouces.

moralité, pour définir la margin sur les côtés du document, mieux vaut privilégier une margin soit en pourcentage (margin : 5%; ) soit en pixels (margin: 5px; ). en sachant que si l'on prépare un document pour soi que l'on compte lire toujours sur un écran d'environ la même taille, des pixels peuvent faire l'affaire, mais dans l'absolu, un pourcentage c'est mieux car il s'adaptera à la taille de l'écran mais n'est pas fonction de la taille du texte.

[NicolasR]

De toute façon, comme je t’ai expliqué, je ne fais pas de marge sur les côtés du document… J’utilise TOUTE la surface de mon écran, il est déjà assez petit comme ça ! Et puis je l’ai payé en entier, je l’utilise en entier, mince !!!

[zelda_pinwheel]

Originally Posted by NicolasR

De toute façon, comme je t’ai expliqué, je ne fais pas de marge sur les côtés du document… J’utilise TOUTE la surface de mon écran, il est déjà assez petit comme ça ! Et puis je l’ai payé en entier, je l’utilise en entier, mince !!!

pff ! oui enfin chacun son goût, perso un livre sans marge sur le côté je trouve juste ça illisible mais tu fais comme tu veux ! c'est vrai qu'un écran e-ink reste cher, je suppose qu'il faut l'amortir comme on peut. cela dit, l'info reste pertinente car du coup il faudrait que tu précises justement une margin:0; pour les côtés. (0 marges sur les côtés, ça me fait frissonner d'effroi ! )

[NicolasR]

Merci, c’était bien ça… je définissais le margin-bottom, mais si on définit pas AUSSI le margin-top, ça sert à rien !