begin process at 2012 05 29 09:49:34
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Image en lien avec un hover valide W3C

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Image en lien avec un hover valide W3C

lundi 5 juillet 2010 à 19:12:04 | Image en lien avec un hover valide W3C

Kitzume
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

Code HTML :
<a href="diapo.html"><div class="diapo_sites"></div></a>


Code css :
.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
lundi 5 juillet 2010 à 19:17:19 | Re : Image en lien avec un hover valide W3C

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
utilises
Code HTML :
a:hover {
  background-image:url(../images_hover.png)
}

universellement reconnu

;O)
lundi 5 juillet 2010 à 20:05:41 | Re : Image en lien avec un hover valide W3C

Kitzume
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:
Code HTML :
<div class="diapo_sites">
	<a href="diapo.html"></a>
</div>


Le background et le display est volontairement séparé, cela permet de rajouter d'autre lien images tous en optimisant le code
Code css :
.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
lundi 5 juillet 2010 à 20:38:51 | Re : Image en lien avec un hover valide W3C

PetoleTeam

Membre Club
Réponse acceptée !
tu peux également passer par les pseudo class, exemple
Code HTML :
<html>
<head>
<style type="text/css">
a:hover {
  color : #f00000;
}
a.BIG:hover {
  font-size : 30px;
}
</style>
</head>
<body>
<br><a href="page.html" class="BIG">BIG Lien</a>
<br><a href="page.html">Lien</a>
</body>
</html>

PS
Je met mon code en espérant que sa aidera d'autre personne
penses donc à mettre en réponses acceptée !
;O)


Cette discussion est classée dans : code, image, lien, hover, w3c

Répondre à ce message

Sujets en rapport avec ce message

Probleme de lien Hover... [ par Mirror1661 ] Hello,J'ai ecrit un code (en bas) pour les liens mais j'ai un petit probleme : les liens visités ne changent plus de couleur quand ils sont hover... P soucis de lien sur image [ par YouSsoliVan ] Bonjour, J ai un petit soucis avec le code javascript ci dessous, en fait, en cliquant sur le boutton "fermer", ceci annule les changements apportés FlashLightbox et SWFobject [ par thepopol777 ] Salut à tous. Voilà je suis confronté à un problème qui me fais manger mon tapis de souris. J'ai créé une galerie d'image en flash, et je voulais qu Retailler div apres chargement image [ par jashugan ] Bonjour, Voilà mon problème, j'ai une lightbox que j'affiche, dans cette lightbox j'ai une image qui se charge. J'ai une fonction javascript qui me génial code pour afficher image onMouseOver texte, mais... [ par vanderstraten ] Bonjour, j'ai trouvé ce lien (en anglais) pour afficher une image onMouseOver du texte mais je cherche à pouvoir afficher plusieurs groupes de textes HELP pour ajouté une image au lien en javascript affiché caché une div [ par wiby35 ] Bonjour, alors pour vous sa vas surement parêtre simple ( moi et javascript = 2 voir 2 000 ) donc, sur un page j'utilise un " script" qui permet d'a Ouvrir lien fixe sur image aléatoire dans popup [ par razelbok ] Bonjour à tous. Avant tout je suis débutant, le code n'est donc peut-être pas très beau (j'ai d'ailleurs galéré pour trouver ce dont j'avais besoin, m Changer une image avec une fonction [ par ICIoBRa ] Salut à tous, je suis bloqué sur une fonction simple, je n'arrive pas a changer une image qui est dans une div... Je n'arrive pas a comprend pourquoi problème avec balise tag [ par bumbo ] Bonjour a tous, J'ai un petit soucis de compatibilité avec firefox, je m'explique: Soit une image dans une page html avec un tag: [code=html] [/cod Créer un lien avec passage de paramètres [ par bydouille ] Bonjour à tous, Comment dans le placer un Onclick qui ouvrirai une autre page en lui passant comme paramètres la valeur des deux premiers ? [code=j


Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,920 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)