CSS et images

Question

Bonjour,
 je créé un site internet. Dans celui-ci, se trouve un menu avec plusieurs bouton. J'ai créer des bouton au format PNG. Je voudrais que lorsque l'utilisateur passe sa souris sur le bouton (donc sur l'image), celle-ci change. J'ai donc créé deux type un "libre" et l'autre "enclenché".

Comment coder mon CSS (si c'est possible) pour que lorsque la souris passe sur l'image, celle-ci change...

merci d'avance

ACervoise · Answer

Euh, tu devrais plutot utiliser de javascript pour cela.

Bjr · Answer

Si les boutons dont tu parles sont des liens et que l'image est en background, tu peux utiliser la propriété css "a:hover" pour changer le background de ton lien au moment du survol.

Sinon, comme l'a dit ACervoise tu peux utiliser le js.

rafgi · Answer

Tu dois utiliser la pseudo class hover

exemple :

div {
  background: url(imgoff.png)
}
div:hover {
  background: url(imgon.png)
}


Attention IE 6 ne comprends pas la pseudo class hover
Solution inclure un fichier .htc (cf google: htc+hover+ie)

Sinon javascript, c'est peut être plus simple si tu veux que ça passe sous ie 6

resalut · Answer

en javascript

Nemo · Answer

bonjour, je viens à l'instant de trouver comment le faire sans javascript...

<img src="image1.png" name="image" onmouseover="image.src='image2.png'" onmouseout="image.src='image1.png'" onmousedown="image.src='image3.png'" /> 

image1 : normale 
image2 : sulvolée 
image3 : enfoncée


merci

Nemo · Answer

mais c'est du javascript ça? je croyais qu'il fallait le céclarer avec ou quelque chose qomme ça...

resalut · Answer

les attribut on (onmouseover,onmouseout ... ) sont javascript :)

Nemo · Answer

ok merci je ne savais pas... cool j'ai donc fait du js sans le savoir :)

Merci pour votre aide!

CSS et images

8 réponses

Discussions similaires

Newsletters