Probleme affichage div css
Bonjour à tous,
Je cherche à faire un cadre en css avec 3 images :
top
middle
bottom
J'ai donc défini 3 styles :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
.cadregauchetop{
background-image:url("./images/design1_12.png");
background-repeat: no-repeat;
height: 23px; /*Hauteur element - padding-top*/
color:#fff;
font-size: 12pt;
font-weight: bold;
padding : 3px 10px 0px 10px;
}
.cadregauchemiddle{
background-image:url("./images/design1_16.png");
background-repeat: repeat-y;
padding : 5px 10px 5px 10px;
}
.cadregauchebottom{
background-image:url("./images/design1_19.png");
background-repeat: no-repeat;
height: 6px; |
Lorsque je mets ceci, ça fonctionne parfaitement :
Code:
1
2
3
4
|
<div class="cadregauchetop">Mon titre</div>
<div class="cadregauchemiddle">Mon texte</div>
<div class="cadregauchebottom"></div> |
Par contre, si je remplace mon div par un h2, tout s'affiche mais j'ai un espace entre mon top et mon middle :
Code:
1
2
3
4
|
<h2 class="cadregauchetop">Mon titre</h2>
<div class="cadregauchemiddle">Mon texte</div>
<div class="cadregauchebottom"></div> |
Je précise que je n'ai pas de style h2 dans mon css.
Savez vous d'ou cela peut venir ?
Merci. Mikael
