Je suis en train de créer un site en XHTML strict (1.0).
je me bats avec l'instruction MAP, car j'aimerais bien que chaque zone mappée s'affiche avec un background quand la souris passe dessus.
Je sais bien que les designers modernes disent que l'instruction MAP ne devrait pas être employée. Mais là il s'agit d'afficher un plan d'un jardin, et de faire un lien sur de nombreuses formes totalement irrégulières correspondant aux plate bandes.
Code :
- <p>
- <map id="FPMap0" name="FPMap0">
- <area alt="e" title="rr" href="chevaux.html" shape="poly" coords="6, 279, 52, 297, 39, 380, 19, 371" />
- ...
- <img alt="plan" title="plan du jardin" usemap="#FPMap0" src="images/plan-du-jardin.jpg" width="600" height="500" /><br />plan complet du jardin
- </p>
|
dans le CSS je mets
Code :
- area:hover { background-color: #FFCC33 ;}
|
ça ne marche pas. J'ai essayé plein de combinaisons, quedalle.
bon, peut-ête que ce n'est pas possible et qu'il va falloir imaginer autre chose ?
j'ai trouvé ça : http://www.alistapart.com/articles/imagemap/
mais pour des formes très irrégulières, je sens comme une énorme galère pour calculer les positionnements !
merci de toute idée qui m'aiderait.