La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Création d'une zone cliquable sur une image
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Création d'une zone cliquable sur une image  (Lu 1422 fois)
Création d'une zone cliquable sur une image
« sur: le 28-01-2010 a 13:02:49 »
Obare
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

Bonjour,
j'ai un problème avec mon code HTML, il ne veut pas définir la zone cliquable sur la photo que j'ai pourtant définie dans mon code. Dans ce code j'ai mis du CSS me permettant d'afficher mon image en fonction de la taille de la fenêtre. Quand je met en commentaire le CSS , cela fonctionne... Alors il y a t-il un moyen de définir la zone cliquable en CSS qui marcherait? Ou bien une autre solution me permettant de garder mes paramètres d'affichage?  Pour un aperçut  de la page, je l'ai mise en ligne : http://nsa78.fr/


<html >
<head>
<title>Nord de Seine Airsoft</title>

<style type="text/css">
<!--
html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}

#arriere{
width : 100%;
height: 100%;
}

-->
</style>
</head>
<body>

<map name= "fond">
<area shape= "rect" coords="2368,1688,3238,1758" HREF="index.htm">
</map>

<img id="arriere" usemap="#fond" src="./Images/photoaccueil2.jpg" border=0 >


</body>

</html>

Rapporter au modérateur  

Re:Création d'une zone cliquable sur une image
« Répondre #1 sur: le 28-01-2010 a 16:05:23 »
tony11375
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 39





Voir le Profil    WWW    E-Mail
Répondre avec citation

Bonjour,
C'est un code <map>

Exemple de code :
<map name="testmap">
<area shape="rect" coords="10,9,58,27" href="#top">
<area shape="circle" coords="104,18,14" href="#map">
</map>


A vous de l'adaptez par rapport à votre site web.

Rapporter au modérateur  

www.creations-tony.fr
Re:Création d'une zone cliquable sur une image
« Répondre #2 sur: le 28-01-2010 a 16:34:48 »
Obare
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

Bonjour Tony!

Je ne vois pas où tu veux en venir? J'ai pourtant le même code que celui que tu me proposes sauf que j'ai des destinations différentes pour mes liens.

Je vais au passage éclaircir un peu plus mon message, le problème réside dans l'utilisation des "    width : " 100%" height: "100%"    "  Je n'arrive pas a définir de zone cliquable quand ces paramètres sont entrés, alors que lorsque je les enlève, cela fonctionne mais mon image n'a plus la taille désirée.

Rapporter au modérateur  
Re:Création d'une zone cliquable sur une image
« Répondre #3 sur: le 29-01-2010 a 09:23:58 »
tony11375
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 39





Voir le Profil    WWW    E-Mail
Répondre avec citation

Salut,
Se que tu peut essayer de faire, c'est de modifié la taille de l'image directement à l'aide par exemple de PhotoPhiltre.

Rapporter au modérateur  

www.creations-tony.fr
Re:Création d'une zone cliquable sur une image
« Répondre #4 sur: le 29-01-2010 a 11:13:30 »
Obare
Membre récent
*

Hors-Ligne

Messages: 3





Voir le Profil    E-Mail
Répondre avec citation

J'ai trouvé le problème, compte tenu du fait que mon code redimensionnait l'image en fonction de la fenêtre de l'utilisateur, je ne peux pas garder les mêmes coordonnées de la zone cliquable 

Merci de ton aide Tony

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg