Bonsoir,

je cherche à faire des coins arrondis à l'aide d'images de fond. Mais le code suivant ne marche pas (les images sont dans le même répertoire que le code) :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<div class="board">
<div class="topRightCorner"></div>
<div class="topLeftCorner"></div>
test
<div class="bottomRightCorner"></div>
<div class="bottomLeftCorner"></div>
</div>
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
.siteMap2 .board{background-color:#eaeaea;width:100%;color:#626469;margin-bottom:0px!important;}
.siteMap2 .board a{font-family:Arial;font-size:11px;padding:1px 0;}
.siteMap2 .topLeftCorner,
.siteMap2 .topRightCorner,
.siteMap2 .bottomLeftCorner,
.siteMap2 .bottomRightCorner{width:2px;height:2px;background-repeat:no-repeat;font-size:0px;color:#87d300;}
.siteMap2 .topLeftCorner{background:url("topleftroundcorner.png");topleft;}
.siteMap2 .topRightCorner{background:url("toprightroundcorner.png");float:right;topright;}
.siteMap2 .bottomLeftCorner{background:url("bottomleftroundcorner.png");bottomleft;}
.siteMap2 .bottomRightCorner{background:url("bottomrightroundcorner.png");float:right;bottomright;}
Quelle est la raison ?