제대로 작동하는지도 태그를 가져올 수 없습니다.

매핑 태그가 이미지에서 올바르게 작동하는 데 어려움을 겪고 있습니다. 누군가가 한 번 봐서 내가 뭘 잘못하고 있는지 알 수 있는지 궁금해. 문제는지도를 표시하는 것입니다. 이미지는 모두 잘로드되지만 특정 부분 (또는 전체 이미지)을 매핑하고 연결할 때 아무 것도 나타나지 않습니다.제대로 작동하는지도 태그를 가져올 수 없습니다.

HTML :

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

내가이 올바른 생각하지만 어쩌면 실제 사이트에 드림위버에서 뭔가 제대로 좌표를하고되지 않습니다

<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가 중요한 경우? 나는 아무 생각하지만이에 붙어 있었어요 ..

출처

2017-12-18 Brandon

무엇이 문제입니까? 영역이 잘못된 위치에서 렌더링됩니까? 해당 영역을 클릭하면 잘못된 위치로 이동합니까? – Quentin

그리고 무엇이 문제입니까? 몇 가지를 볼 수 있습니다. 이미지가 표시되지 않고지도가 이미지 위에 표시되지 않습니다 ... – ino

죄송합니다. 지정하도록 수정 하겠지만 올바른 위치에 렌더링할지 여부를 모르겠습니다. 기본적으로 아무것도 표시되지 않습니다. 전체 이미지를 매핑 할 수 있으며 여전히 링크가 표시되지 않습니다. – Brandon

가있을 수 있습니다 몇 가지 문제 :

이미지 파일 링크를이 웹 서버의 루트에서와 같이, ./img3을 시도합니다. jpg
매핑 된 이미지의 크기가지도 좌표보다 큰지 확인하십시오. 즉,이 경우 298x377 px
div # leftColumn을 너비 : 61 %로 설정합니다. 무엇의?, 이미지가 그 너비에 맞습니까?

EDIT

화상 인 맵은 291 X 79 픽셀 (고정 치수)
이미지가 동적으로 (61)에 소자를 리사이즈있다
1530 X 380 픽셀 (고정 된 크기) 부모 요소의 너비 비율

해결책 :
- 이미지/부모 요소의 고정 크기 유지 nt .. -지도 크기 확대

출처

2017-12-18 14:27:33 ino

Dreamweaver에서 이미지 파일을보고 올바르게 매핑 한 다음 해당 파일을 서버로 다시 바꿔서 가져옵니다 (문제 일 수 있습니까?) 너비가 61 %로 설정되었습니다. 오른쪽 너비는 39 %입니다. – Brandon

지도에서 이미지의 크기는 어떻게됩니까? – ino

1530 x 380입니다. 그러나 웹 사이트에서 볼 때 분명히 그렇게 크지는 않습니다. 더 많은 것을 좋아하십시오 720 x 180. (idk 왜 당신이 나를 도울 수있는 downvoted ..) – Brandon

제대로 작동하는지도 태그를 가져올 수 없습니다.

답변

관련 문제