A:hover

Résolu/Fermé
kiyomasa Messages postés 312 Date d'inscription mercredi 23 septembre 2009 Statut Membre Dernière intervention 12 mai 2016 - 26 nov. 2009 à 11:04
kiyomasa Messages postés 312 Date d'inscription mercredi 23 septembre 2009 Statut Membre Dernière intervention 12 mai 2016 - 26 nov. 2009 à 12:33
Bonjour à tous,
J'ai vraiment beaucoup, mais alors beaucoup de mal avec la pseudo class hover.

J'ai un menu vertical avec tout mes liens les un en dessous des autres.
Ce sont des images.

Je voudrais qu'au survol de chacun de ses liens, l'image change (juste une petite flèche qui apparaît mais pour ca, l'image a été complètement refaite).

Bref, j'y arrive pas et d'après ce que j'ai compris a:hover ou div:hover, tout mes liens vont changer par la même image.

En clair j'ai à la suite :

Accueil
locations
tarifs
services
et ainsi de suite.

je voudrais en CSS trouver le moyen de mettre un hover pour chaque lien qui sont des images et pas du texte. Et chaque lien en hover voit apparaître une petite flèche.

Quelqu'un peut m'aider ?

4 réponses

graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
26 nov. 2009 à 11:17
maclasse:hover a
{
tonimage;
}

puis ensuite sur tes liens:

<a href="prout.htm" class="maclasse"></a>
0
kiyomasa Messages postés 312 Date d'inscription mercredi 23 septembre 2009 Statut Membre Dernière intervention 12 mai 2016 5
26 nov. 2009 à 11:39
ouf, ca marche !
je comprend déjà mieux comment fonctionne hover
merci Graffx !
0
graffx Messages postés 6506 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 1 975
26 nov. 2009 à 11:41
de rien, mais ensuite pour 5 lien differents (differentes photos plutot), modifie juste le nom de la classe et le lien


Maclasse1:hover a
{
tonimage1;
}

Maclasse2:hover a
{
tonimage2;
}
0
kiyomasa Messages postés 312 Date d'inscription mercredi 23 septembre 2009 Statut Membre Dernière intervention 12 mai 2016 5
26 nov. 2009 à 12:33
oui oui ca j'avais compris ;)
merci
0