Titre: Création d'une zone cliquable sur une image
Posté par: Obare le le 28-01-2010 a 13:02:49
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> |
Titre: Re:Création d'une zone cliquable sur une image
Posté par: tony11375 le le 28-01-2010 a 16:05:23
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. |
Titre: Re:Création d'une zone cliquable sur une image
Posté par: Obare le le 28-01-2010 a 16:34:48
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. |
Titre: Re:Création d'une zone cliquable sur une image
Posté par: tony11375 le le 29-01-2010 a 09:23:58
Salut,
Se que tu peut essayer de faire, c'est de modifié la taille de l'image directement à l'aide par exemple de PhotoPhiltre. |
Titre: Re:Création d'une zone cliquable sur une image
Posté par: Obare le le 29-01-2010 a 11:13:30
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 ;D
Merci de ton aide Tony |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|