soucis avec une div et norme W3C

bonjour à tous

comme le titre de mon post l'indique j'ai un soucis avec une div

l'erreur

Code:

---

1 2	document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

---

l'une des div qui pose problème

Code:

---

1 2 3 4 5 6 7 8

.maville { background-image:url(../images/ma_ville.gif); background-repeat:no-repeat; width:89px; height:33px; }

---

puis qui va avec

Code:

---

1 2 3 4 5 6 7 8

.maville:hover { background-image:url(../images/on_ma_ville.gif); background-repeat:no-repeat; width:89px; height:33px; }

---

le bout de code de ma page

Code:

---

1 2 3 4

<a href="spip.php?rubrique3">   <div class="maville"></div></a>

---

donc quand je survole la premiere image j'ai le hover qui m'affiche on_ma_ville.gif

j'ai trouvé un site qui m'explique les erreurs
et l'exemple qu'il y a pour illustrer mon erreur est

là c'est pas bon

Code:

---

1 2	<font size=2><p>abc</p></font>

---

là c'est bon

Code:

---

1 2	<p><font size="2">abc</font></p>

---

donc là je sèche completement enfin je comprends un peu qu'il faut peut etre pas mettre de <a> avant une div mais comment faire alors?

quelqu'un pourrait il 'maider à mieux comprendre?

merci beaucoup !

tu as le choix entre :
- mettre le <a> à l'intérieur du <div>
- définir l'évènement onclick du <div> (onclick="document.location.href='ton adresse'")

arf
ya que le onClick comme solution? (l'autre ne fonctionne pas)

Bonjour,
Pas besoin de onclick ici.

Code:

---

<div class="maville"><a href="spip.php?rubrique3"></a></div>

---

Code:

---

1 2 3 4 5 6 7 8 9

.maville a { display: block; background: url(../images/ma_ville.gif) no-repeat; width: 89px; height: 33px; } .maville a:hover { background-image:url(../images/on_ma_ville.gif); }

---

ah va voilà
en faite ce qui me manquait c'était le

Code:

---

1 2	display: block;

---

ça marche c'est cool merci

je reviens vers toi

j'ai tenté de refaire la meme chose mais là ça ne marche plus

Code:

---

1 2 3 4 5 6 7 8 9 10

.plusactu { display: block; background-image:url(images/plus_actus.gif); background-repeat:no-repeat; float:right; background-position:bottom right; width:108px; height:16px; }

---

puis mon code de ma page

Code:

---

1 2	<div class="plusactu"><a href="spip.php?page=actualites"></a></div>

---

snif

tu peux m'aider à comprendre (encore)

merci beaucoup

Je suppose que c'est parce qu'il faut cibler le lien et non le div parent :

Code:

---

1 2 3

.plusactu a { ... }

---