無法讓地圖標記正常工作

我很難讓映射標記正確地爲圖像工作。想知道如果有人可以看看，看看我做錯了什麼。我遇到的問題是讓地圖甚至出現。圖像全部加載正常，但是當我映射並鏈接某個部分（或整個圖像）時，不會顯示任何內容。無法讓地圖標記正常工作

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，如果它的事項：

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

我認爲這是正確的，但也許從Dreamweaver一些實際的網站沒有做正確的COORDS？我不知道，但我一直停留在這個..

來源

2017-12-18 Brandon

問題是什麼？該地區是否在錯誤的地方渲染？請點擊該區域導航到錯誤的地方？ – Quentin

這是什麼問題？我可以看到幾個：圖像不顯示，地圖不在圖像上... – ino

對不起，我將編輯指定，但我不知道它是否在正確的位置渲染。基本上什麼也沒有出現。我可以映射整個圖像，但仍然沒有顯示任何鏈接。 – Brandon

可能有幾個問題：

圖像文件被鏈接，因爲它是在Web服務器的根目錄，嘗試./img3。 jpg
確保映射圖像的尺寸大於地圖座標，即在本例中爲298x377 px
您將div＃leftColumn設置爲寬度：61％;什麼？，圖像適合那個寬度？

EDIT

的圖像是1530 X 380像素（固定尺寸）
地圖有291 X 79像素（固定尺寸）
的圖像在動態調整元件61父元素的寬度的％

解決方案：
- 保持圖像/父eleme的固定大小nt .. - 放大地圖尺寸

來源

2017-12-18 14:27:33 ino

我必須更改Dreamweaver上的圖像文件才能看到它並正確映射它，然後將該文件更改回服務器以將其從服務器拉出（這是否會成爲問題？）寬度設置爲61％，因爲有一個寬度爲39％的右側div。 – Brandon

地圖上圖像的尺寸是多少？ – ino

現在是1530 x 380.但是我知道，當我在網站上看到它時，它絕對不是那麼巨大。更像720×180.（idk爲什麼你得到downvoted幫助我要麼..） – Brandon

無法讓地圖標記正常工作

回答

相關問題