수다닷컴

이제입문단계의완전 초짜인데요 ㅠ_ㅠ
ul태그로 tab메뉴를 만들어 ir기법 연습하고 있는데 궁금한 점이 생겨문의드립니다~

현재 저는 a 태그에 배경 이미지를 깔아주고position값을 조정해서메뉴 이미지를 보여주도록 했는데요~
a태그 대신 li태그에 배경 이미지를 깔고 position값을 조정해도 상관없는건가요?

어디서 봤는데 li태그에 배경을 주는 것 보단 a 태그에 배경을 주는 것이 선택영역이 더 잘 잡혀 사용자에게는 더 편리하다고 하던데... 맞는 것인지 답변 부탁드립니다.

혹시 몰라서 소스도 같이 작성합니다.

*소스
!doctype html
html
head
style type=text/css
ul{ margin: 0; padding: 0; list-style: none; width: 100%;}
ul li{margin:0; padding:0;}
ul li a{display:block; width:134px; height:74px; background: url(image/tab.png);margin:0; padding:0; float:left; text-indent: -9999px; }
ul li.cafe a {background-position:0 0;}
ul li.news a {background-position:-134px 0;}
ul li.cafe a:hover { background-position: 0 -74px; }
ul li.news a:hover { background-position: -134px -74px; }
/style
/head
body
ul
li class=cafea href=#사이트/a/li
li class=newsa href=#뉴스/a/li
/ul
/body
/html미리 감사합니다. :d

신청하기