Lien avec <div>

Résolu/Fermé
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 - 8 mai 2012 à 18:03
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 - 8 mai 2012 à 18:57
Bonjour,

J'ai mis en place une image en rollover qui est liée à une adresse.

CSS:
#navbsm {
	display:block;
	height:45px;
	width:45px;
	background: url(../images/but-std.png) no-repeat;
	z-index:10000;
}
#navbsm:hover {
	background: url(../images/but-hover.png) no-repeat;
}
Html:
<a href="./index.html">
<div id="navbsm" style="position:absolute;left:905px;top:150px"></div></a>

Cela fonctionne mais le fait d'encadrer un div par un a n'est pas académique.

Quel code pourrais-je donc utiliser pour rendre ceci conforme W3C?

Merci!

1 réponse

mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 313
8 mai 2012 à 18:11
Remplace "div" par "span"

Div étant une balise de type bloc, tu ne peux pas l'encadrer par une balise de type ligne.
La seule solution étant de remplacer la balise bloc par une balise ligne tel que span, se sera conforme mais il est possible que ca ne s'affiche plus correctement, si c'est le cas, il suffit d'indiquer dans ton css, que la balise "span" est de type bloc comme ca se sera valide et ca s'affichera correctement
1
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 6
8 mai 2012 à 18:57
Bonjour mimigenie,

Merci bcp pour la solution et les explications !

@+
0