<style type="text/css" rel="stylesheet">
div#container_menus{
background-image:url(image_fond_menus.jpg);
background-repeat-repeat-x; <!--// va répéter l'image horizontalement seulement si besoin, sinon il faut indiquer no-repeat) //-->
background-position:0% 80%; <!-- indiques à quel endroit va se placer l'image la premiére valeur (0%) indique la position à gauche et la 2nd valeur indiques la position en hauteur à partir du haut donc 80% pour a peu près en bas du div container //-->
}
a.menu1{
background-image:url(image1inactif.png);
}
<!-- le fameux survol hover //-->
a.menu1:hover{
background-image:url(image1survol.png);
}
a.menu2{
background-image:url(image1inactif.png);
}
a.menu2:hover{
background-image:url(image2survol.png);
}
a.etc{
background-image:url(image_etc.png);
}
a.menu2:hover{
background-image:url(image_etc_survol.png);
}
</style>
<div id="container_menus"> <a href="#" class="menu1">Lien 1 </a> <a href="#" class="menu2">Lien 2 </a> <a href="#" class="etc">et cetera </a> </div>
Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.