로고전체에 링크거는 법 문의 > 자유게시판

질문을 잘 이해하지 못하겠습니다.

해당테마 로고 이미지는 해당 부분만큼 링크 영역만 되어 있습니다.

이미지 전체가 어느 부분을 말하는지 잘 모르겠으나 이미지 부분에 <a> 태그를 통해 이동 경로를 만들어 주고

해당 <a> 태그에 display:block 속성을 주면 전체 가로폭이 링크가 연결이 될 것입니다.

<a> 태그와 css를 통해 수정을 해 보시기 바랍니다.


감사합니다.

네, 저도 그런줄 알았는데 이상하게 로고를 클릭하려다보면 잘 안되서요.
www.solph.or.kr 사이트의 로고부분입니다. ㅠㅠ

가능하면 스크립트를 사용하지 않는 것이 좋겠지만 아래 스크립트를 이용해 보세요

<script type="text/javascript">
$(".hte-logo").click(function() {
  window.location = $(this).find("a").attr("href");
  return false;
});
</script>

그리고 hte-logo 클래스 마우스 호버시 손가락 모양으로 바뀌도록 스타일 추가

<style>
.hte-logo {cursor: pointer;cursor: hand; }
</style>

디폴트님 늦었지만 감사합니다.^^

사이트를 방문해 요소검사로 보면 로고 위에 메뉴영역이 위로 올라와 있어서 그런 것 입니다.
포토샵의 레이어를 연상해 로고 레이어가 아래 메뉴 레이어가 위에 있다고 보면 되겠습니다.
.hte-logo 에 아래의 스타일을 적용해 보시기 바랍니다.

position:relative;
z-index:99;
cursor:pointer

감사합니다.

이윰님, 감사합니다. 한방에 해결됐습니다.