Version complète: sur le forum Webmaster Hub : Image map polygonale dans une CSS?
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Gribouille26
Bonjour,

Je voudrais faire une zone réactive, mais pas de forme carrée, ni rectangulaire, mais plus compliquée. whistling.gif
J'ai lut cet article, mais je ne vois pas comment faire des zones plus complexes avec cette methode.
Comment transcrire le vieux:
CODE
shape="polygon" coords="588,98,253,45,852,95"
dans une CSS?

Merci d'avance de votre aide! wink.gif
ElMoustiko
Je doute que ça soit réalisable...
LaurentDenis
Réalisable... si, enfin, quelque-chose d'approchant, mais avec un code HTML qui est une véritable horreur et qui ne marchera que dans certains navigateurs.

Si tu tiens absolument à utiliser des zones cliquables autres que les polygones simples, il te faut faire une image map cliquable "server side"... qui est un beau casse-tête d'accessibilité : dans ce cas, tous les liens doivent être dupliqués sous forme de liens <a href...> classique. C'est d'ailleurs préférable pour toutes les images map
Denis
Non, non, c'est tout à fait réalisable, je l'ai souvent fait par le passé... Et tout en HTML valide par surcroît. Il faut juste un petit outil qui calcule les coordonnées à notre place. À l'époque, j'utilisais LiveImage avec lequel il était possible de créer les formes les plus folles et chaque point était référencé comme une cordonnée sous la shape "poly".

Et tout ça, client side en plus !

http://www.freedownloadscenter.com/Web_Aut.../LiveImage.html

Ça fait tout de même des années que je N'ai pas utilisé l'outil parce que l'occasion d'un image map ne se présente plus tellement chez moi... à l'époque, c'était la version 1.29. j'ignore ou ils en sont aujourd'hui.
Gribouille26
Donc, je dois utiliser le bon vieux
CODE
shape="polygon" coords="588,98,253,45,852,95"

que je vais devoir placer des mon code html!? Comme à l'école... laugh.gif
Pour ce qui est de calculer les points, je devrai m'en sortir avec mon vieux Dream, puisqu'on est dans les vieilles méthodes....
Denis
Ça demeure la façon de faire... et DreamWeaver le fait probablement correctement (au pire, suffit enettoeyr par la suite) mais de mémoire, je crois que c'est shape="poly", pas shape="polygon".
Gribouille26
Donc pas d'alternative?!
Je vais essayer...
Merci wink.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.