Validation css, pb ! [resolu]

Bonjour,

Voila, j'ai ce code, et il n'est pas validé, parce que j'entoure mon <div> d'une balise <a> :

<a href="www.test.fr"><div class="haut"></div></a>

et le css :

background-image:url(monimage.jpg);

Une idée pour résoudre mon pb de validation ? (je suis en Xhtml strict)
merci d'avance pour votre aide !
Modifié par maryline (24 Aug 2006 - 13:13)

oups, et le css pour la class "haut" biensur..

Salut,

c'est qu'on doit pas avoir le droit de faire ça ... ?

Donne ton background-image directement a ton <a>.
Si l'image est grande, passe le <a> en display : block pour lui donner des dimensions correspondant à ton image.

Salut,

Un <a> est une balise inline, un <div> une balise block. Et on n'a pas le droit de mettre un block dans un inline.
2 solutions :
- soit c'est tout le contenu de ton div qui est un lien, auquel cas tu mets ton <a> dans le <div>, mais il se comportera en inline (et n'aura donc que les dimensions de son propre contenu)
- soit il te faut effectivement un aspect "block", auquel cas tu colles un display : block à ton <a> (et tu vires ton <div>); ou tu utilises une balise inline (ex. : span) à la place de ton div, et tu lui colles un display : block.

merci beaucoup !!!
comme je ne connait pas encore toutes les subtilités du Css, je n'avais encore jamais utilisé display:block.
Ca fonctionne,
merci !