Un div-liens

bonjour a tous !

j'ai fait un div-liens :

<a href="#"><div id="m1"></div></a>

dans le css il a une taille, et un image de fond, avec un extra :hover qui change d'image lorsqu'on passe dessus....

mais la big probleme...
sous IE rien ne marche !
pas le liens et pas le :hover...
sachant que le :hover est appliqué pour le bloc et non le liens...

#m1 {
	background: url('vertus-studio_03.jpg') no-repeat;
	height: 108px;
	border: 0px;
}
#m1:hover {
	background: url('vertus-studio_03_h.jpg') no-repeat;
}

PS : le div-liens est dans un bloc ayant deja une largeur...

Bonjour,

Un lien (élément de type "en ligne") ne peut pas contenir une div (élément de type "block") ; c'est invalide.

http://css.alsacreations.com/Bases-et-indispensables/La-structure-des-balises-bloc-et-en-ligne
Modifié par koala64 (14 Aug 2007 - 14:47)

et donc existe t-il une solution de faire le meme reusltat valide et fonctionnel sous Ie et FF ? si oui merci de me donner une piste

UP svp j'ai vraiment aucune idée !

Salut vertus ,

c'est toujours une bonne idée de faire un tour dans les tutoriels .

A+

j'ai deja essayé comme ca (liens en display: block) mais ca ne marche pas, il doit y avoir un serieux probleme puisque ca n'affiche pas de liens et le hover ne marche toujours pas !
pourquoi ils ont créé ce maudit IE !!!

Re',

tu as dû louper quelque chose ! La page d'exemple fonctionne très bien avec IE6.

j'ai IE7...mais j'ai fait en 2 images, le principe est le meme sauf que je met une auter image et je ne la decale pas...
la il reconnait aps le liens et pas la 2e image on dirai que IE a un gros probleme il reconnait plus grand chose...

Tu pourrais montrer ton code ou mettre un lien vers ta page ?

tout va bien ca marche...
je le testait en local, et je viens de voir qu'en local le hovermarchait pas et les liens non plus mais une fois sur internet ca marche pour les 2 navigateurs
quand meme bizzard...