Effet visited hover css
mariox
Messages postés
33
Statut
Membre
-
Groarh Messages postés 706 Statut Membre -
Groarh Messages postés 706 Statut Membre -
Bonjour,
voila j'ai fais une liste a puce pour des lien:
la liste a puce consiste quand on va sur les liens une petite flèche glisse sur le coté.
.contenu_menu li:hover
{
list-style-image: url("image/puce.GIF");
}
mais je voudais que quand le lien a été visité et que l'on repasse dessus que
a la place d'un flechhe un autre image se mette( donc visited hover)
mais je ne vois pas comme l'écrire???
merci d'avance
voila j'ai fais une liste a puce pour des lien:
la liste a puce consiste quand on va sur les liens une petite flèche glisse sur le coté.
.contenu_menu li:hover
{
list-style-image: url("image/puce.GIF");
}
mais je voudais que quand le lien a été visité et que l'on repasse dessus que
a la place d'un flechhe un autre image se mette( donc visited hover)
mais je ne vois pas comme l'écrire???
merci d'avance
Configuration: Windows XP Internet Explorer 7.0
3 réponses
-
-
Ah oui j'aurais du regarder : t'es sous IE, forcément...
Alors plutôt :.content_menu li a:visited:hover
puisque IE ne digère les pseudo classes que si elles sont sur les liens.
Problème, ça fout bien le bordel puisque tu ne peux plus utiliser les propriétés list-style...
Voilà ce que je propose. Retire carrément tout list-style de ta liste :.content-menu { list-style:none }et ajoute des pseudo-éléments sur les pseudo-classes des tes liens (hem, tu suis toujours ? ^^).contenu_menu li a:visited:hover:before { content: url("image/puce2.GIF") " "; } .contenu_menu li a:hover:before { content: url("image/puce.GIF") " "; }Et jette un oeil là-dessus pour savoir comment marche la propriété content.
Tiens-moi au courant ;) -
sa ne marche pas
}
.contenu_menu li:visited:hover
{
list-style-image: url("image/puce2.GIF");
}
.contenu_menu li:hover
{
list-style-image: url("image/puce.GIF");
}
