Image en lien avec un hover valide W3CRésolu

Question

Bonjour,


Objectif : valider le W3C

Le code dessous fonctionne très bien par contre n'est pas valide W3C
Cause : pas de div dans un lien


[diapo.html 

]



.diapo_sites{background-image:url(../images.png)}
.diapo_sites:hover{background-image:url(../images_hover.png)}


Contrainte : garder le hover sur l'image avec validation W3C

J'ai testé plusieurs chose avec le span etc. Sans succès.
La solution est dessous mon nez :s

Merci d'avance
Kit

PetoleTeam · Accepted Answer

Bonjour,
utilises
a:hover {
  background-image:url(../images_hover.png)
}
universellement reconnu

;O)

Kitzume · Answer

Un grand merci pour t'as lumière, comme je le disait c'été dessous mon nez 

Je met mon code en espérant que sa aidera d'autre personne 

Code valide W3C strict:



[diapo.html ]




Le background et le display est volontairement séparé, cela permet de rajouter d'autre lien images tous en optimisant le code

.diapo_sites a{height:102px; width:188px; display:block;}

.diapo_sites a{background-image:url(../images.png)}
.diapo_sites a:hover{background-image:url(../images_hover.png)}


Cdt
Kit

PetoleTeam · Answer

tu peux également passer par les pseudo class, exemple [page.html BIG Lien] [page.html Lien] PS Je met mon code en espérant que sa aidera d'autre personne penses donc à mettre en réponses acceptée ! ;O)

Image en lien avec un hover valide W3C

3 réponses

Votre réponse

Discussions similaires