Poser une question

Re: style pour h1 h2 h3 ...

Salut,

Effectivement, par défaut les balises d'en-tête H1...H6 on une marge que n'on pas les autres balises, comme le paragraphe par exemple.

Soit tu donne une valeur négative à la marge, "margin:-1px".

<style>
h1 {margin-botto:4-1px;font-size:1.5em;line-height:1.4em;}
</style>

Soit que tu met au minimum la hauteur de la ligne. "line-height:0". À ne pas faire pour le paragraphe (<p>), les deux paragraphe seron un sur l'autre.

<style>
h2 {line-height:0;}
</style>

Dans les deux cas je ne le conseil pas, pour des question de compatibilité, particulièrement dans un futur proche. Part plutôt de la valeur par défaut et utilise la mesure "em".

<style>
h2 {margin-bottom:4px;font-size:1.2em;line-height:1.4em;}
p {margin: 4px 0px;line-height:1.4em;padding:0px}
</style>

ATTENTION, le plus dificile est de gérer les imbrications, un élément peut hériter des propriétés d'un "parent". Et plusieurs propriétés peuvent porter à confusion en altérant le même espace, par exemple le "padding" et la "marge".

Ciao
Oznog

Réponses

Re: style pour h1 h2 h3 ...  emilie1955 17/9/2003