Intégration d'un cadre à bord arrondi
Bonjour ,
Voilà j'aimerais intégrer un menu arrondi que j'ai dessiné sur photoshop .
J'ai donc décidé de prendre trois images l'une pour le haut, une pour le centre qui se répète et une pour le bas
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| #main #cadre{
height:200px;
background-image: url(./cadrecentre.png);
background-repeat:repeat-y;
margin-bottom:20px;
}
#main #cadre .cadre1{
background-image: url(./cadrehaut.png);
background-repeat: no-repeat;
}
#main #cadre .cadre2{
background-image: url(./cadrebas.png);
background-repeat: no-repeat;
background-position: bottom left;
} |
Comme ceci, avec un code html ici
Code:
1
2
3
4
5
6
| <div id="cadre">
<div class="cadre1">
<div class="cadre2">
</div>
</div>
</div> |
Le problème est que le centre ne se répète pas bien, il écrase la partie du haut et du bas.
Avez vous une technique simple pour intégrer les cadres arrondis ?? Comment dois je procéder ?
Merci !
