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.
A voir également:
- Menu en css besoin d'aide svp
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Excel menu déroulant en cascade - Guide
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
2 réponses
supposons ton lien nommé :
class='elementMenu'
en css tu fais :
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 ^^
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
.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 :
apres tu peux rajouter des padding, des tailles et tt et tt ::)
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 ::)