Kann Map-Tag nicht ordnungsgemäß funktionieren

Question

Ich habe eine wirklich harte Zeit, das Mapping-Tag für ein Bild richtig zu funktionieren. Ich frage mich, ob jemand einen Blick darauf werfen kann, was ich falsch mache. Das Problem, das ich habe, ist, dass die Karte sogar erscheint. Bilder laden alle gut, aber wenn ich einen bestimmten Teil (oder das gesamte Bild) kartographiere und verknüpfe, erscheint nichts.

HTML:

<div id="leftColumn"> 
<img src="/img1.jpg"><br><br> 
<img src="/img2.jpg"><br><br> 
<img src="/img3.jpg" usemap="#Map2" border="0"> 
<map name="Map2"> 
<area shape="rect" coords="80,298,371,377" href="www.SomeSite.com"> 
</map><br><br> 
</div> 

CSS, wenn es darauf ankommt:

#leftColumn { 
    height: 100%; 
    width: 61%; 
    float: left; 
} 

Ich denke, das ist richtig, aber vielleicht etwas von Dreamweaver auf den tatsächlichen Ort ist nicht richtig, die coords tun? Ich habe keine Ahnung, aber ich habe auf dieser aufgeklebt ..

Answer 1

Es könnte einige Probleme sein:

• die Image-Datei verknüpft ist, wie es in der Wurzel des Webservers ist, versuchen ./img3. jpg
• stellen Sie sicher, dass Abmessungen des zugeordneten Bildes mehr als die Kartenkoordinaten sind, dh in diesem Fall 298x377 px
• setzen Sie die div # leftColumn auf Breite: 61%; von was ?, Passt das Bild zu dieser Breite?

EDIT

• Das Bild ist 1530 x 380 Pixel (Fixmaßen)
• Ihre Karte hat 291 x 79 Pixel (feste Abmessung)
• Das Bild im Element 61 dynamisch geändert wird % der Breite des Elternelements

Lösung:
- feste Größe des Bildes/Mutter eleme halten nt .. - vergrößern Sie die Karte Abmessungen