Liens sur image non rectangulaire [Résolu]

Voilà je suis en train d'intégrer un blog à mon portfolio et j'aurais aimé savoir quels sont les différentes possibilités pour attribuer un lien à une image qui n'est pas rectangulaire.

J'ai un peu parcouru le net et j'ai vu qu'on parlait beaucoup de la possibilité des map.

Maintenant je tiens à préciser que je cherche la solution la plus accessible et propre possible.

Mon portfolio

P.S. : l'image en question est le liens vers mon blog en haut à droite de ma page.

Merci à vous !
Modifié par doncho (25 Mar 2010 - 12:24)

La solution que tu as choisie est la bonne. Je ne vois pas où est le problème…
Modifié par Patidou (25 Mar 2010 - 11:03)

Comme le donne à entendre Patidou, le recours à une carte cliquable côté client est une solution accessible.

<img src="blog.png" alt="My blog" width="177" height="176" usemap="#link-blog" />
<map id="link-blog" name="link-blog">
  <area href="URL-du-blog" alt="Go to my blog" shape="poly" coords="0,0,90,0,177,90,177,176" />
</map>

Dans cet exemple, je définis une zone cliquable (élément area) ayant la forme d'un polygone (shape="poly") et renseigne les coordonnées x et y de chaque point (x horizontalement et y verticalement), ainsi que l'URL de destination (attribut href, comme pour un lien) et l'alternative textuelle permettant à tous ceux qui n'ont pas l'image de se faire une idée de la destination proposée ladite zone (attribut alt, qui est obligatoire, comme dans l'élément img). Bien entendu, je relie l'image employée à la carte (élément map) par l'attribut usemap, dont la valeur est une ancre correspondant à l'identifiant de l'élément map (dont l'attribut id est doublé de l'attribut name de même valeur, par souci de compatibilité avec l'ensemble des navigateurs).

Pour plus de détails, la spécification HTML 4.01 est ton amie.

Et bien merci, je n'en demandais pas tant Victor !
Tu m'as donner le tout décortiqué.

Et bien vite fait bien fait comme on dit...

A une prochaine fois ! RESOLU