Webmaster Hub > Interlignage H1 & Css

Version complète: sur le forum Webmaster Hub : Interlignage H1 & Css

Webmaster Hub > Création et exploitation de Sites Internet > Accessibilité et Ergonomie Web

Siddartha

mardi 2 novembre 2004 à 16:52

Bonjour,

je tente vainement de supprimer l'interlignage des balises H1 via l'attribut 'line-height'.
Apparemment, il y aurait une taille d'interlignage fixe pour ces élèments que je n'arrive pas à paramétrer même en mettant le line-height en négatif.

Y aurait il une autre solution ?

Voici le code utilisé :

CODE

<body>
<p style="line-height:12pt;font-size:9pt;margin-left:20%;margin-right:20%">
L'interligne est une propriété de la présentation assistée par ordinateur connue depuis longtemps pour le formatage de paragraphes. Pour travailler correctement avec cette commande, des connaissances dans les effets typographiques d'un texte sont utiles ... </p>

<h1 style="margin-left:20%;line-height:-6pt;font-size:12px">line-height</h1>

<p style="line-height:12pt;font-size:9pt;margin-left:20%;margin-right:20%">
L'interligne est une propriété de la présentation assistée par ordinateur connue depuis longtemps pour le formatage de paragraphes. Pour travailler correctement avec cette commande, des connaissances dans les effets typographiques d'un texte sont utiles ... </p>

</body></html>

Merci d'avance pour vos réponses.

LaurentDenis

mardi 2 novembre 2004 à 17:01

Remets ton line-height:12px (comme la taille de police) et ajoute un

CODE

p,h1 {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

pour annuler tous les espaces verticaux et la fusion des marges.

Siddartha

mardi 2 novembre 2004 à 17:29

Laurent, tu es génial !
Merci !!

LaurentDenis

mardi 2 novembre 2004 à 19:17

Petite prévision au cas où: sans avoir jamais testé rigoureusement, j'ai souvent constaté que le classique

CODE

*{
margin: 0;
padding: 0;
}

ou ses variantes sur html et body n'annulaient pas forcément les marges verticales des titres, malgré l'héritage théorique sur ces propriétés.

Il suffirait de vérifier dans les récentes CSS écrites par Yan Hixon et par Eric Meyer pour annuler les styles par défauts des navigateurs.

Fichus styles par défaut, soient dit en passant !

gimini

mercredi 29 décembre 2004 à 19:05

Meme problème d'interlignage.
Malheureusement, chez moi ça décale tout.
Y a-t-il une parade avec les CSS que j'ai défini (voir ci-dessous) ?
Merci. Gimini

body{
padding : 0;
margin : 0;
font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
font-size: 11px;
}

#content{
padding-top : 120px;
padding-bottom : 30px;
padding-left : 230px;
padding-right : 10%;
}

#content h3{
font-size: 12px;
font-weight: bold;
color: #0092AF;
text-align: center;
border-color: #0092AF;
border-bottom: 5px;
line-heigt : 12px;
}

#navigation{
position : absolute;
top : 120px;
left : 20px;
width : 160px;
line-height: 12px;
}

Gribouille26

jeudi 30 décembre 2004 à 12:05

CITATION(LaurentDenis @ mardi 02 novembre 2004, 17h01)

CODE

p,h1 {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

pour annuler tous les espaces verticaux et la fusion des marges.

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.