div 가로 크기만큼 링크거는 방법 없을까요?
본문
또 문의드리네요ㅡㅡ;;
div 자체를 링크 걸려고하는데요?
html 소스
-------------------------------------
<a href="#1">
<div class="menu01">
<div class="contens">
<div class="icon"><img src="images/main/icon_img_01.png" /></div>
<div class="menuname">격락손해란?</div>
<div class="text">
교통사고 후 수리릏 하더라도 차량의 시세가 하락!<br />
사고로 인한 차량의 가치하락도 보상가능!</div>
</div>
</div>
</a>
------------------------------------------------
css 소스
#container .area .sidebox .box_menu .menu01 { width:530px;height:152px; margin-bottom:1px; background-color:#252525; background:rgba(37, 37, 37, 0.5); }
#container .area .sidebox .box_menu .menu01 .contens { padding-top:29px; padding-left:33px;}
#container .area .sidebox .box_menu .menu01 .contens .icon { position:absolute;top:53px;left:57px; }
#container .area .sidebox .box_menu .menu01 .contens .menuname { position:absolute;top:50px;left:103px; font-size:26px; color:#fff; font-weight:bold; }
#container .area .sidebox .box_menu .menu01 .contens .text { position:absolute;top:96px;left:100px; font-size:14px; color:#fff;
----------------------------------------------------------------------
div 클래스가 메뉴라 이런식으로 코딩 했는데.
저렇게 하니 div 자체 먹히긴한데..div가로 530px 인데 이후 530px 크기를 넘어 가로 끝까지 다 먹히더군요.
div 자체가 가로 블럭속송이라 그런가요?
div 가로 530px 크기만큼 먹히는 방법이 없나요?
답변 2
손쉬운 방법으로는 아래처럼 해보세요.
<div class="menu01" onClick="location.href='주소';" style="cursor:pointer;">
<div class="contens">
<div class="icon"><img src="images/main/icon_img_01.png" /></div>
<div class="menuname">격락손해란?</div>
<div class="text">
교통사고 후 수리릏 하더라도 차량의 시세가 하락!<br />
사고로 인한 차량의 가치하락도 보상가능!</div>
</div>
</div>
감사합니다.^^
class에서 menu01 div로 특정하게 하는게 없으시다면
<a href="#1" class="menu01">
<div class="contens">
<div class="icon"><img src="images/main/icon_img_01.png" /></div>
<div class="menuname">격락손해란?</div>
<div class="text">
교통사고 후 수리릏 하더라도 차량의 시세가 하락!<br />
사고로 인한 차량의 가치하락도 보상가능!</div>
</div>
</a>
이렇게 변경해보시는건 어떨까요?
