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 css : Sélectionner tout - Visualiser dans une fenêtre à part
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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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 !