Menu en css besoin d'aide svp
thibault45
Messages postés
23
Statut
Membre
-
Brachior Messages postés 616 Statut Membre -
Brachior Messages postés 616 Statut Membre -
Bonjour,
Je voudrais savoir comment est-il possible avec un code css de remplacer une image par un autre lorsque que l'on passe le curseur dessus( en gros pour faire un menu en css mes avec des image avec les noms des menu déja ecrit).
Merci de m'aider svp.
Je voudrais savoir comment est-il possible avec un code css de remplacer une image par un autre lorsque que l'on passe le curseur dessus( en gros pour faire un menu en css mes avec des image avec les noms des menu déja ecrit).
Merci de m'aider svp.
Configuration: Windows Vista Firefox 2.0.0.14
2 réponses
-
supposons ton lien nommé :
class='elementMenu'
en css tu fais :.elementMenu{ background-image: url('lien_image_originale'); } .elementMenu hover{ background-image: url('lien_image_au_survol'); } -
excellent Oo .. j'vois meme pas mon message Oo
PS : ah si ca y est ^^-
-
-
-
<td colspan="2"><a href="index.htm" class="home"><img name="GoogleLogo_r4_c2" src="GoogleLogo_r4_c2.jpg" width="277" height="48" border="0" id="GoogleLogo_r4_c2" alt=""/></a></td>
.home{background-image: url(GoogleLogo_r4_c2.jpg);}
.home:ahover{background-image: url(GoogleLogo_r4_c4.jpg);}
voila les codes -
oups dsl ^^
fais plutot comme ca :
coté html :<div id="Menu"> <p> <a href="">elementMenu</a><br /> <a href="">elementMenu 2</a><br /> <a href="">elementMenu 3</a> </p> <div>et coté css :#Menu a { background-image:url(image1.jpg); background-repeat:no-repeat;} #Menu a:hover { background-image:url(image2.jpg); background-repeat:no-repeat;}
apres tu peux rajouter des padding, des tailles et tt et tt ::)
-
