Tuto supprimé

Bonjour,

Je voudrais accéder à ce tuto : http://css.alsacreations.com/Tutoriels-et-articles-divers/Faire-une-zone-reactive-image-map-en-CSS

Mais il n'est plus là, et je ne trouve aucune information dans le livre non plus

merci d'avance

Hello Snoopy17,

En effet, le tuto a été supprimé car il vaut mieux se servir d'une vraie map, solution plus robuste que celle en CSS (qui posait des problèmes d'accessibilité tels que la perte d'informations pour ceux qui disposaient d'images mais pas de CSS par exemple).

En XHTML, tu peux suivre ce modèle :

<p>
   <map name="mamap" id="mamap">
      <area shape="rect" coords="0,0,100,50" href="http://supersite.eu/accueil.html" alt="accueil" />
      <area shape="rect" coords="0,50,100,100" href="http://supersite.eu/blog.html" alt="blog" />
   </map>
   <img src="monimagemap.png" usemap="#mamap" width="100" height="100" ismap="ismap" alt="image map" />
</p>

et en HTML, tout est expliqué ici :

http://fr.selfhtml.org/html/graphiques/compose_liens.htm#definir
Modifié par koala64 (15 Mar 2007 - 21:00)

Bonjour,

Merci koala64 je connaissais déjà cette méthode mais celle de Raphaël m'intéressait fortement

Si comme tu dis cette méthode est la mieux, alors je l'adopte