xhtml/css

bonjour , vue que on a des pros des sites dans la guilde et j'ai vue que vous en parlez dans l'autre sujet et pour éviter de polluer l'autre sujet je fait celui la .

Donc je doit faire un site en xtml pour mes cours et j'ai une question

donc sur mon site je voudrais que quand on clique sur l'image ( qui est un lien vers une autre page " par exemple accueil ") cela change l'image .

plus précisément j'ai fait deux bouton avec photoshop , le premier ou l'écriture est foncé et le deuxième ou l'écriture est éclairé )


et je n'arrive pas a le faire , donc si quelqu'un sait le faire


je rappelle que je ne peut utiliser que du xhtml et css (donc pas de java etc ...)

Merci d'avance

Quand on clique ou quand on passe la souris dessus ?

avec a:hover et a:visited , donc les deux .

dans ton html :

Code:

<a href="tonLien" class="maClasse"></a>

dans ton css

Code:

.maClasse {
  display:block;
  width:largeurDeTonImage;
  height:hauteurDeTonImage;
  background-image:url(cheminDeTonImage01);
  background-repeat:no-repeat;
  background-position:center;
}

.maClasse:hover {
  display:block;
  width:largeurDeTonImage;
  height:hauteurDeTonImage;
  background-image:url(cheminDeTonImage02);
  background-repeat:no-repeat;
  background-position:center;
}

.maClasse:visited {
  display:block;
  width:largeurDeTonImage;
  height:hauteurDeTonImage;
  background-image:url(cheminDeTonImage02);
  background-repeat:no-repeat;
  background-position:center;
}

logiquement ça devrait marcher.

oki j'ai compris mon erreur , merci beaucoup sa marche comme sur des roulettes

Code:

<img src="./images/images/ori_select.png" onmouseover="this.src='./images/images/ori_over.png'" onmouseout="this.src='./images/images/ori_select.png'" />

Nous en cours on a fait ça, si ça peut t'aider =)