Menu image : changer l'image au survol [Résolu]

[jojo86]

Bonsoir,
J'ai préparé une barre de navigation sous Gimp.
Mais le soucis c'est que je ne sais pas comment faire pour faire changer l'image au passage de la souris.
Voici mon image :

Niveau déclaration HTML je pensais mettre :

Code html :

1
2
3
4
5
 
<ul id="navigation1">     
	<li><a href="#H2E" class="H2E"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li> 
	<li><a href="#LeStress" class="LeStress"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li> 
</ul>

Je ne vois pas comment changer d'image au passage de la souris... Comment bien déclarer le lien et comment changer d'image?
Merci beaucoup de votre aide,
Cordialement,
Jojo

[12monkeys]

Bonjour

Il faut utiliser la pseudo-classe :hover sur les liens. Voici un tutoriel qui en parle : http://css.developpez.com/tutoriels/liste-navigation/ (voir l'étape 10 en particulier)

[koKoTis]

Moi je met ceci dans un div:

Code :

onmouseover="this.style.background='url(imgs/onglet_1b.jpg)'" onmouseout="this.style.background='url(imgs/onglet_1a.jpg)'"

Ou bien je fait une image survolée