Image Map

[DJHacker]

Hallo,
Ich habe ein kleines Problem!:neutral:
ich habe eine Karte und versuche bestimmte Teile der karte zu verlinken. :mrgreen:
Also nicht die ganze Karte sondern nur ein Teil:
<map name="Landkarte">
<area shape="rect" coords="?,?,?,?,"
href="http://www.google.de">

<p><img src="Landkarte.jpg" usemap=#"Landkarte"></p>

Hier mein Problem:
Um das Areal zu bestimmen wo man den Link möchte muss man die Pixel angeben. Aber wie geb ich die Pixel an? Wie soll ich díe Pixel im Bild zählen?
Oder gibt es noch einen anderen Weg, wie ich nur bestimmte Teile einer Karte verlinke?:-?

Danke im Vorraus
DJHacker

 

[Drakes]

Eine Möglichkeit wäre um das Img Element ein div zu legen, dieses mit position: relative; zu deklarieren und dann in dieses div Links mit dem <a>-Element zu deklarieren. Diese kannst du dann mit position: absolute; ganz genau hinsetzen.

CSS-Code:
.map {
position: relative;
}

.land {
position: absolute;
}

HTML-Code:
<div class="map">
<img src="map.jpg" width="" height="" alt="Weltkarte" />
<a href="Land.htm" class="land" style="top: y; left: x;"></a>
</div>

 

[BcF]

Dafür gibts Software, is glaub ich einfacher als mit Hand

 

[DJHacker]

Hey!
gute Idee!
aber dann hat man doch nur einen Punkt verlinkt!
Ich möchte ein Areal verlinken an einer Karte.

DJHacker

 

[Drakes]

Hey!
gute Idee!
aber dann hat man doch nur einen Punkt verlinkt!
Ich möchte ein Areal verlinken an einer Karte.

DJHacker

Wenn du dann die <a>-Elemente noch mit display: block; definierst, kannst du die genaue Höhe und Breite angeben.
Edit: schau dir sonst mal das von BcF an, sieht gut aus.
Und bei SELFHTML: HTML/XHTML / Grafiken / Verweis-sensitive Grafiken (Image Maps).

 

[DJHacker]

Hey!
Danke für deine Hilfe!
Es funktioniert...

DJHacker