묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
영역으로 링크거는 방법이 있는지요?
2003.12.04 22:06
이번에 홈페이지를 만들어볼려고 준비중이다가
게시판등등 링크를 걸려니...
이미지맵으로 링크거는 방법이 있다던데
그게 그림만 가능하지...그 표의 그림은 이미지맵으로 안되더군요-_-
뭐 레이어로 영역으로 해서 링크거는 방법이 있다고 하시는데
그건 또 레이어 지정하고 하이퍼링크하니 그 주소가 글로 뜨고...;;
어렵습니다;
아시는분 가르쳐주세요~ 헬프 미이~
게시판등등 링크를 걸려니...
이미지맵으로 링크거는 방법이 있다던데
그게 그림만 가능하지...그 표의 그림은 이미지맵으로 안되더군요-_-
뭐 레이어로 영역으로 해서 링크거는 방법이 있다고 하시는데
그건 또 레이어 지정하고 하이퍼링크하니 그 주소가 글로 뜨고...;;
어렵습니다;
아시는분 가르쳐주세요~ 헬프 미이~
댓글 2
-
박한웅
2003.12.04 22:59
-
닭
2003.12.06 17:35
레이어 영역으로 링크 거시는 방법은 레이어 자체에 링크를 거는 방법을 말하는거 같습니다.
<div style="position: absolute; top: 20; left: 20; width: 100; height: 100; " onClick="location.href('http://www.hanmail.net')" onMouseOver="cursor: hand; "></div>
이 방법을 말씀하시는 것이 아닌가 싶네요.
커다란 그림에서 링크를 걸 부분의 수가 적고, 그 범위가 작은 경우에 제가 가끔 사용하는 방법입니다.
(이미지맵으로 만들기에는 좀 그렇고, 그렇다고 그림을 자르자니 또한 부담되는 경우에 말입니다.)
top, left로 위치를 적당히 조정해 놓으시구요. widht, height로 적당히 크기로 만들어두시면 되겠네요.
처음 작업할때는 레이어의 위치를 확인할 수 없으니 style="border: 1 solid red; " 를 하셔서 위치확인을 하신 후에 나중에 border를 없애면
됩니다.
cursor: hand 는 레이어의 위에 마우스 포인터가 위치했을 때, 손모양으로 바뀌는 것입니다.
부가적으로 <table>, <tr>, <td> 도 똑같이 셀이나 테이블 자체에 링크를 걸 수도 있습니다.
<table onMouseOver="cursor: hand; " onClick="location.href('http://www.hanmail.net'+ '+ ')">
...이런 방법으로요.
그리고, 주소링크하는 부분에서 새창으로 열리게 하고 싶으시면 window.open('주소')라고 하시면 됩니다.
http://www.nzeo.com/bbs/zboard.php?id=p_design&page=1&sn1=&divpage=1&category=1&sn=off&ss=on&sc=off&keyword=링크&select_arrange=headnum&desc=asc&no=2240
혹시 나모를 사용하시면 쪽지 주세요