기 타 html 질문
2020.04.17 17:50
혹시 아래의 코드를 실행했을때 이미지 속 '웹사이트 연결' 부분에 마우스 올렸을때 손모양으로 바뀌고 네이버로 링크걸리게 하려면 어떻게 해야할까요?
<!DOCTYPE html>
<html>
<head></head>
<body>
<img src="https://mcusercontent.com/211f16e91d482e9e41b27d80c/images/520a0957-0ff7-4645-9774-3919346c4789.png" width=600 style="max-width: 1000; padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;height: auto;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" class="mcnImage" usemap="#gotoweb" alt="">
<map name="gotoweb">
<area shape="rect" coords="400,240,600,295" href="http://www.naver.com/" alt="">
</map>
</body>
</html>
댓글 [3]
-
mandoo 2020.04.17 18:17
-
사라락 2020.04.17 19:31 width=600
이 부분을
width:600;
이렇게 수정하세요
-
메리아 2020.04.17 21:50
잘은 모르지만
이미지 크기에 따라 다이나믹하게 하려면 간단하게는 안되는 모양이네요.
https://stackoverflow.com/questions/13321067/dynamically-resizing-image-maps-and-images
번호 | 제목 | 글쓴이 | 조회 | 등록일 |
---|---|---|---|---|
[공지] | 질문과 답변 게시판 이용간 유의사항 | gooddew | - | - |
97308 | 윈 도 우| Hkboot 에서 VHD 실행 되나요? [3] | 슈머슈마 | 199 | 09-03 |
97307 | 윈 도 우| 잠금화면이 변경이 안되는데. . . [1] | 괴물 | 199 | 07-14 |
97306 | 윈 도 우| 윈도우7 드라이브 문의 [2] | 루돌프가슴 | 199 | 11-06 |
97305 | 하드웨어| 안드로이드 셋톱박스 사용하고 계신분 있나요? [2] | 보노보노아 | 199 | 01-10 |
97304 | 윈 도 우| robocopy, xcopy, rmdir 배치 파일 문의 드립니다. [2] | 엇갈린길 | 199 | 01-04 |
» | 기 타| html 질문 [3] | 웨이러쉐요 | 199 | 04-17 |
97302 | 윈 도 우| cab 파일 통합방법문의 [3] | 사악환이 | 199 | 05-05 |
97301 | 윈 도 우| 윈도우 탐색기에서 파일과 폴더의 정렬 방식을 바꾸고 싶습... | brucex | 199 | 07-05 |
97300 | 소프트웨어| Aomei Backupper 디스크가 안나와요. | 티피 | 199 | 06-02 |
97299 | 기 타| 넥밴드 블루투스 이어폰 [2] | 파도 | 199 | 03-12 |
97298 | 기 타| 화면이 눌려서 재생 되는 경우 [7] | 그냥그렇다 | 199 | 06-12 |
97297 | 윈 도 우| 윈도 스토어앱 업데이트가 안됩니다. ㅠㅠ [6] | 너구리세상 | 199 | 10-16 |
97296 | 하드웨어| 펑션키 고정된 키보드 ??? [1] | Airbrone13 | 199 | 12-18 |
97295 | 기 타| macOS Mojave 10.14.6.06 dmg [4] | 박종민 | 199 | 11-14 |
97294 | 소프트웨어| 크롬에서 사용자 지정 화면 확대/축소 방법은? | 아짜 | 199 | 03-16 |
97293 | 소프트웨어| 엣지 새탭 열면 | 단디™ | 199 | 03-19 |
97292 | 소프트웨어| mp3파일을 작업스케줄러로 플레이 하는 문젠데요 [8] | brucex | 199 | 04-17 |
97291 | 하드웨어| 허브에 연결된 PC의 랜카드 스피드가 다를때... [1] | 바이오스 | 199 | 04-19 |
97290 | 소프트웨어| EaseUS Data Recovery 관련 질문입니다 [4] | 실시간 | 199 | 07-04 |
97289 | 기 타| 질문 하나 올립니다. [1] | 케이블카 | 199 | 04-28 |
img 태그에 width 를 지우거나 수정하세요.