Créer un rellover en CSS ?

Résolu
azsqazsq -  
Bonjour,

je voudrai créer un rellover en CSS avec une image qui change au passage de la souris .
Mais j'ai quelques probleme pour le code !

Si quelqu'un pourrait me donner le code XHTMl et CSS se serait bien avec les deux images appelés :
image_1.jpg et image_2.jpg

Merci d'avance !
Configuration: Windows Vista
Firefox 2.0.0.6

3 réponses

  1.  RAD ZONE Contributeur
    SALUT

    voila en XHTML 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="generator" content="pspad editor, www.pspad.com" />
    <title>
    </title>
<style type="text/css"> /*
      /*      <![CDATA[*/
a.image {
	display: block;
	width: 100px;
	height: 100px;
	background-image: url(image_1.jpg);
	background-repeat: no-repeat;
}
a.image:hover {
	background-image: url(image_2.jpg);
}
/*]]> */
</style>
  </head>
  <body>
    <a class="image" href="#nogo" title="cliquez !"></a>
  </body>
  </html>


    RAD
    1. Gihef Contributeur
      Bonjour,

      Si tu veux le code tout prêt (modifié), il faut au moins que tu nous en donnes avant.

      Cependant, suis cette piste (c'est encore mieux). Tu peux t'en inspirer.