Insérer un bouton html sur une image
Résolu
TommyHook
Messages postés
71
Statut
Membre
-
TommyHook Messages postés 71 Statut Membre -
TommyHook Messages postés 71 Statut Membre -
Bonjour, Alors ma question est simple J'ai créer une image que je vais mettre sur un site a l'aide d'un code html.
Cette image
https://imageshack.com/
Sur cette image il y a deux bouton que j'ai créer aussi et j'aimerais qu'en cliquant sur ces boutons ça ouvre une autre page net.
Comment faire ?
Merci Beaucoup
Cette image
https://imageshack.com/
Sur cette image il y a deux bouton que j'ai créer aussi et j'aimerais qu'en cliquant sur ces boutons ça ouvre une autre page net.
Comment faire ?
Merci Beaucoup
A voir également:
- Bouton image html
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Diagnostic bouton photo - Accueil - Outils
- Bouton home clavier ✓ - Forum PC portable
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
3 réponses
Pareil il faudrait que je fasse la même chose avec cette image j'aimerais ouvrir une page net différente en cliquant sur chaque texte qui se situe sur la même image.
https://imageshack.com/
Comment je pourrais faire ? Merci de répondre rapidement car depuis la dernière fois je n'ai toujours pas de réponse.
https://imageshack.com/
Comment je pourrais faire ? Merci de répondre rapidement car depuis la dernière fois je n'ai toujours pas de réponse.
Salut TommyHook,
Pour faire ça, il faut utiliser les l'élément "map" et l'attribut "usemap" :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<body>
<map name="image1map">
<area shape="rect" coords="501,159,666,219" href="https://www.google.fr/?gws_rd=ssl">
<area shape="rect" coords="160,158,325,218" href="https://www.google.fr/?gws_rd=ssl">
</map>
<img src="http://img14.imageshack.us/img14/5140/fffffwp.jpg" usemap="#image1map" />
</body>
</html>
remplace https://www.google.fr/?gws_rd=ssl par ton lien.
Pour les coordonnées, il vaut mieux les modifier avec un prog comme dreamweaver (visuel)
Pour faire ça, il faut utiliser les l'élément "map" et l'attribut "usemap" :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
<body>
<map name="image1map">
<area shape="rect" coords="501,159,666,219" href="https://www.google.fr/?gws_rd=ssl">
<area shape="rect" coords="160,158,325,218" href="https://www.google.fr/?gws_rd=ssl">
</map>
<img src="http://img14.imageshack.us/img14/5140/fffffwp.jpg" usemap="#image1map" />
</body>
</html>
remplace https://www.google.fr/?gws_rd=ssl par ton lien.
Pour les coordonnées, il vaut mieux les modifier avec un prog comme dreamweaver (visuel)
Merci Beaucoup ! J'ai trouvé la solution sur un autre site car les codes HTML que je mettais ne fonctionnais pas où l'image n'apparaissait pas. J'ai utiliser GIMP pour que les codes HTML marche.
Je vous met le lien du site où j'ai trouver une solution.
En tout cas Merci Beaucoup pour ton aide lossius30 ça m'a permis de comprendre le fonctionnement de ces balise. =)
http://www.infetech.com/article.php3?id_article=159
Je vous met le lien du site où j'ai trouver une solution.
En tout cas Merci Beaucoup pour ton aide lossius30 ça m'a permis de comprendre le fonctionnement de ces balise. =)
http://www.infetech.com/article.php3?id_article=159