Faire un bouton de la forme de l'image que je lui met dessus

Bird -  
 Bird -
Bonjour,

je voudrais savoir comment construire un bouton de la même forme que l'image que je lui met en background.
Par exemple, si j'ai une image d'un losange, je voudrais pouvoir créer un bouton en forme de losange avec mon image en fond (et donc, le curseur ne propose le click que quand je suis sur le losange).

Si quelqu'un connait une astuce ou une librairie pour faire cela ?

Merci d'avance.

4 réponses

Danelectro Messages postés 1737 Date d'inscription   Statut Membre Dernière intervention   371
 
Salut,
Tu peux tout simplement mettre ton image en lien, ou bien si c'est dans un formulaire, mettre un onClick.
Et pour que le curseur soit une main : cursor: pointer;
0
Bird
 
Salut,

tout d'abord, merci pour ta réponse mais le problème avec ta solution est que le bouton aura une forme rectangulaire avec en background le losange si je reprend mon exemple. Or, je voudrais pouvoir créer un bouton de la forme de ce losange sans que le curseur me propose de cliquer alors que je ne suis pas sur l'image.
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
il faut utiliser ce code html pour définir des points sur une zone map

<map name="ma_map" id="qqchose">
<area shape="poly" coords="113,383,381,213,433" href="c.html" alt=""/>
</map>

http://fr.openclassrooms.com/informatique/cours/images-mappees-et-liens-hypergraphiques
0
Bird
 
Ok, merci pour l'astuce. Je vais utiliser l'outil MapThis pour tester.
0