HTML HTML Imagemap an Seite anpassen?

CoregaTab · 30. März 2010

Hallo Freunde, ich habe auf meiner Internetseite eine Karte in HTML mit einem "Hotspot (area shape)" mit einer Verlinkung auf eine andere Seite.
Die Beschriftung habe ich mit Java erstellt (sieht besser aus) :-) und ich bin stolz das ich es auch geschafft habe als absoluter Anfänger.

Jetzt habe ich das Problem, wenn ich das Bild an der Seite anpassen will mit in z.B. width="80%" height="80%"

Code:

<img src="http://dhdro.eu/karte/mittelerde.jpg" alt="Mittelerde" width="1280" height="1024" border="0" usemap="#Mittelerde" />

meine Hotspots aber immer noch an der stelle sind wie ich sie in der Auflösung 1280x1024 erstellt habe.

Wie kann ich es lösen das ich die Hotspots auch zum Bild anpasse?

Code:

<body>
<map name="Mittelerde" id="Mittelerde">
<img src="http://dhdro.eu/karte/mittelerde.jpg" alt="Mittelerde" width="80%" height="80%" border="0" usemap="#Mittelerde" />

<area shape="poly" coords="430,319,446,326,460,321,468,331,483,327,479,316,495,313,514,304,
521,292,527,277,541,255,542,233,538,218,542,199,544,188,545,172,548,160,
553,152,597,146,592,135,582,129,575,127,578,118,594,117,631,123,642,138,643,
151,648,157,677,157,698,151,714,143,743,145,770,156,789,164,805,176,821,188,824,
204,825,229,835,259,839,283,837,299,834,312,827,330,822,341,785,344,770,354,758,
365,750,387,742,402,741,417,739,439,738,455,737,471,718,492,693,500,654,500,633,
499,607,506,605,487,595,483,579,493,565,481,559,465,566,450,560,446,541,460,532,
449,538,428,538,421,520,424,509,420,505,410,492,410,477,399,463,400,446,371,428,
368,424,344" 
href="http://dhdro.eu/karte/eriador.html" onmouseover="return overlib
('<strong>Test 123:</strong><br>Test test test');" onmouseout="nd();" alt=""  />
</map>
</body>

Karte

Suche

HTML HTML Imagemap an Seite anpassen?

CoregaTab

Lieutenant

Ähnliche Themen