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.
 
 
 

 
dans le CSS je mets  
 

 
ç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.  

Mouais, pas top les maps... surtout si tu fais du xHtml.
A vrai dire je m'en sers jamais mais c'est possible que le hover ne marche pas sur une area, et ca risque de dependre du navigateur aussi.
 
Pour commencer, tu as essaye sans le hover dans ta css, voir si ca faisait quelque chose?? :
 
area {  background-color: #FFCC33 ;}  
 
( pour la couleur, tu peux l'ecrire #FC3 )

je viens d'essayer (pseudo chez moi, l'autre c au boulot), t'as raison, ça ne change rigoureusement rien, donc c'st pas la peine que je cherche.
 
Quand au fait que c'est pas top, je sais, mais comment gérer une carte avec des zones irrégulières autrement ? c'est comme une carte de France avec les départements ! je ne vois pas d'autre solution.

j'ai le même problème, si qqn a trouvé une solution ???

Tu n'arriveras à rien avec les maps.
Il faut penser le problème autrement et regarder du côté des listes.
Regarde : http://pompage.net/pompe/sprites/ et notament leur exemple finale (http://pompage.net/IMG/html/sprites/ala-blobs2.html)
 
Vois aussi les 4 deniers exemples en bas de page : http://css.alsacreations.com/Galeries-de-menus-en-CSS

oui je connais bien ces exemples mais ils sont limités à des zones carrés... Mais bon, vu qu'il n'existe pas en CSS de display supérieurs à un quadrilatère, c'est mal barré...

Je me permets de relancer ce sujet au cas où qq1 connaitrait une solution alternative aux MAP.

Un masque avec une transparence en lieu et place de ta découpe.

Nan mais on peut très bien utiliser les map, hein