Bonjour à tous.
je rencontre un problème, surement basique (quoi que je n'ai pas trouvé d'autres posts similaire)...
je souhaite mettre des balises h1, h2, ... pour mes titres. Ces balises sont définis dans ma feuille CSS, du type:
par la suite, j'insère dans mon HTML mon titre dans un bloc CSS "titrepages", qui a pour hauteur définie 30px:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 h2.cerise { font:Calibri; font-size:18px; color:#CC9999; font-style:normal; font-style : normal; text-align:left; background-image:url(image/fondsdispo.png); vertical-align:text-top; }
Le résultat final:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <div id="titrepages"><h2 class="cerise"> Sous-Titre 2 </h2></div>
ma balise h2 est bien respectée. Par contre, le bloc CSS "titrepages" ne respecte pas la hauteur définie. Sa hauteur est de 82px.
Quand je passe ma souris sur le bloc pour avoir plus d'informations, j'obtiens "hauteur: 30px (82px)"
en cas de besoin, je vous communique ci dessous le css de "titrespages"
Je suis désemparé Merci par avance pour votre aide et vos conseils !!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 div#titrepages { border-top: 1px solid #000000; border-bottom: 1px solid #000000; font-family:Calibri, Arial, Verdana; clear:both; margin:auto; width:912px; height:30px; background-color:#FFF3BD; }
polo
Partager