Menu en css besoin d'aide svp

Fermé
thibault45 Messages postés 23 Date d'inscription dimanche 16 décembre 2007 Statut Membre Dernière intervention 23 juin 2008 - 1 juin 2008 à 11:23
Brachior Messages postés 613 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 22 juin 2009 - 1 juin 2008 à 14:21
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.
A voir également:

2 réponses

Brachior Messages postés 613 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 22 juin 2009 46
1 juin 2008 à 11:43
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'); }
0
Brachior Messages postés 613 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 22 juin 2009 46
1 juin 2008 à 11:49
excellent Oo .. j'vois meme pas mon message Oo

PS : ah si ca y est ^^
0
thibault45 Messages postés 23 Date d'inscription dimanche 16 décembre 2007 Statut Membre Dernière intervention 23 juin 2008
1 juin 2008 à 11:52
merci j'essaye tout de suite.
0
thibault45 Messages postés 23 Date d'inscription dimanche 16 décembre 2007 Statut Membre Dernière intervention 23 juin 2008 > thibault45 Messages postés 23 Date d'inscription dimanche 16 décembre 2007 Statut Membre Dernière intervention 23 juin 2008
1 juin 2008 à 11:57
j'ai essayé mais ca ne marche pas je ne comprend pas pourquoi.
0
Brachior Messages postés 613 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 22 juin 2009 46 > thibault45 Messages postés 23 Date d'inscription dimanche 16 décembre 2007 Statut Membre Dernière intervention 23 juin 2008
1 juin 2008 à 12:12
je peux voir ton code coté html( ou php ^^ ) et coté css ? :)
0
thibault45 Messages postés 23 Date d'inscription dimanche 16 décembre 2007 Statut Membre Dernière intervention 23 juin 2008 > Brachior Messages postés 613 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 22 juin 2009
1 juin 2008 à 12:20
<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
0
Brachior Messages postés 613 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 22 juin 2009 46 > thibault45 Messages postés 23 Date d'inscription dimanche 16 décembre 2007 Statut Membre Dernière intervention 23 juin 2008
1 juin 2008 à 12:39
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 ::)
0