A voir également:
- Place de mape en html
- Editeur html - Télécharger - HTML
- [Arobase] à la place de @ - Forum MacOS
- Br html ✓ - Forum Webmastering
- Simulation place accor hotel arena - Forum Loisirs / Divertissements
- Html br ✓ - Forum Webmastering
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
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.
<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.
L'adresse complète sinon vous n'allez rien comprendre et m'en vouloir quelque peu :
http://perso.wanadoo.fr/fredpersonnel
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
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
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