스아이님
#menu{height:50px;margin:10px 14px;list-style:none}
#menu li{height:100%;width:25%;float:left;text-align:center}
#tab{background:url('menu.png');width:50px;height:100%;display:inline-block}
#tab:hover{background-position-y:-50px !important}
#menu .category{background-position:-50px 0}
#menu .widget{background-position:-100px 0}
#menu .setting{background-position:-150px 0}
#menu .state:active{background-position:0 -100px !important}
#menu .category:active{background-position:-50px -100px !important}
#menu .widget:active{background-position:-100px -100px !important}
#menu .setting:active{background-position:-150px -100px !important}
스타일 이렇게 바꿔보세요.
의도하신건 이제 이해가 가는데,
이미지 넓이가 50px 이 아닌 다른 값일 때는 일일이 수치를 바꿔줘야 되는 단점이 있습니다.
원본에서 쓰신 방법은 가로보다는 세로 정렬 문제 때문에 쓰이곤 하는 방법이에요.
그래도 혼자 이 정도 생각해내신 거면 잘 하시는 거라고 말씀 드리고 싶네요. :)
스타일 이렇게 바꿔보세요.
의도하신건 이제 이해가 가는데,
이미지 넓이가 50px 이 아닌 다른 값일 때는 일일이 수치를 바꿔줘야 되는 단점이 있습니다.
원본에서 쓰신 방법은 가로보다는 세로 정렬 문제 때문에 쓰이곤 하는 방법이에요.
그래도 혼자 이 정도 생각해내신 거면 잘 하시는 거라고 말씀 드리고 싶네요. :)
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 14개
#menu 에 padding:0 을 주시면 더 원하시는 결과물에 가깝겠네요.
그리고 군대 가면 까먹고 뭐 그런거죠. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅎㅎ
나이들면 까먹어요..
생각있는놈 손 드시면 무조건 손드시고 다 할줄안다고 하세요. 못해도 다 아는척 하세요. 전 10년전에 그래보지 못해서 죽도록 후회 했음 걔네들이 말하는거 다 할 줄 알았지만, 거기서 손들지 못했어요. 그 보직 잡으면 군대서 안까먹을 수 있을꺼예요 ^^;;; 102보 아니면 잘 모르겠음 ㅋ
10월29일에 가는데 됳까요?ㅎㄷ
아 춘천이구나, 어쩐지 이번에 화천 가는 길에 102보충대가 보인다 했네요. ㅎㅎ
OS가 없네요~_~;;
서버에는 미숙한지라 특히 리눅스는 아예안손대봄ㅎ;; 리눅스는 호스팅만...윈도우는 nodejs로ㅇㅅㅇ;;