Place de mape en html
frederic
-
Utilisateur anonyme -
Utilisateur anonyme -
bonjour,
j'ai une page avec une photo, j'ai créé une map sur un détail au milieu de cette photo mais la position de la map varie en fonction de la taille de la fenêtre. Comment faire pour éviter cela et que cette map rest centré sur ce détail ?
Merci de votre aide
j'ai une page avec une photo, j'ai créé une map sur un détail au milieu de cette photo mais la position de la map varie en fonction de la taille de la fenêtre. Comment faire pour éviter cela et que cette map rest centré sur ce détail ?
Merci de votre aide
5 réponses
-
salut,
comment as-tu inséré ton image? tu peux nous filer la source? ou nous dire où c'est c'est pareil, qu'on y réflechisse de visu
kinder.surprise,
le maton du matou -
merci de vous pencher sur cette question. Donc comme demandé, voici le code de cette page :
<html>
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>index.htm</title>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scrollbars="no">
<img src="images/page1.jpg" width="100%" height="100%" usemap="#Map" border="0"><map name="Map"><area shape="circle" coords="434,364,53" href="#"></map>
</body>
</html>
Voila, une nouvelle fois merci de vous pencher sur ma question. -
mais sinon vous pouvez allez voir à http://perso.wanadoo.fr/fredperso
-
L'adresse complète sinon vous n'allez rien comprendre et m'en vouloir quelque peu :
http://perso.wanadoo.fr/fredpersonnel -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
ok, c'est tout bête, c'est parce que ton image se redimensionne. Or, les coordonnées de la zone mappée sont absolues, donc forcément, avec des dimensions relatives, càd en pourcentage, ça ne peut pas coller.
donc, tu dois remplacer
<img src="images/page1.jpg" width="100%" height="100%"
par
<img src="images/page1.jpg" width="1840" height="1232"
c'est-à-dire des dimensions absolues, ainsi quelle que soit la taille de la fenêtre, ton image ne sera pas redimensionnée, et ce sera toujours la bonne zone qui sera mappée.
kinder.surprise,
le maton du matou-
Bonjour et merci pour cette réponse. Mais hélas, comme je suis quelqu'un de compliqué, je veux faire compliquer. Je souhaite en effet que mon image soit redimensionné en fonction de la taille de la fenêtre. Ce serait tout de même dommage qu'un aussi jolie photo soit coupée sur les bords. Donc je me retrouve avec le même problème et réintère ma question. Comment faire pour que sur une image redimensionnée, l'emplacement de la map soit redimensionnée en même temps ?
-
pour autant que je sache, on ne peut pas définir les valeurs de l'attribut coords en relatif
je ne vois qu'une solution, je pense que tu pourrais t'en tirer avec une fonction javascript.
au passage, puisque tu parles d'esthétique, une image redimensionnée avec la fenêtre, c'est franchement pas ce qui se fait de plus esthétique :-(
si tu veux la garder intacte, tu ferais mieux de la placer dans une fenêtre non redimensionnable. Mais bon par ailleurs elle est absolument énorme, ça la fout un peu mal, mais là c'est vrai je sors de la question...
kinder.surprise,
le maton du matou
-
