스아이님 > 자유게시판

자유게시판

스아이님 정보

스아이님

본문

#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 이 아닌 다른 값일 때는 일일이 수치를 바꿔줘야 되는 단점이 있습니다.

원본에서 쓰신 방법은 가로보다는 세로 정렬 문제 때문에 쓰이곤 하는 방법이에요.


그래도 혼자 이 정도 생각해내신 거면 잘 하시는 거라고 말씀 드리고 싶네요. :)
추천
0

댓글 14개

그리고 ul padding 값이 남아 있어서 좌측으로 원치 않는 여백이 발생합니다.
#menu 에 padding:0 을 주시면 더 원하시는 결과물에 가깝겠네요.
저나 스아이님이나 오십보 백보에요. 그냥 다른 의견이 생기면 잘 수렴하면 되죠.
그리고 군대 가면 까먹고 뭐 그런거죠. ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
스아이님 혹시 102보 가시면 102보에서 처음 웹서버 관리 홈페이지 관리 제작 이런 보직으로 한번 뽑습니다.
생각있는놈 손 드시면 무조건 손드시고 다 할줄안다고 하세요. 못해도 다 아는척 하세요. 전 10년전에 그래보지 못해서 죽도록 후회 했음 걔네들이 말하는거 다 할 줄 알았지만, 거기서 손들지 못했어요. 그 보직 잡으면 군대서 안까먹을 수 있을꺼예요 ^^;;; 102보 아니면 잘 모르겠음 ㅋ
지운아빠님 춘천 맞아요 ^^;; 스아이님 운이 있다면 뽑을겁니다. 꼭 문데세요. 없더라도. 교관한테 상담요청하고 이런게 있다고 들었다. 그래서 102보 왔다면서 안되더라도 그쪽팀과 면담이라도 해달라고 하세요. 인생을 좌우하는 선택이라고 이거아니면 희망없다고 사회나갈때... 이런식으로 관심병사인척하면 면담 해줄꺼예요 ㅋ 군데에선 설칠때는 설쳐봐야합니다. 특히 2년을 좌우하는 보직에선 어차피 102보는 3일밖에 안있으니깐요. 해볼수 있는 객기라 봅니다. 요즘 군대 할랑해서 교관 조교 무섭지도 않다네요. 전 무서워서 손 못들었음. 그리고 대충 가시기 전에 관련 책들 목차만 리스트업해서 다 외우고 가서 할줄안다고 다 뻥치세요. 리눅스 서버 등은 꼭 인지하시고.
리눅스서버는 어떻게 인지하죠?ㅋ;
OS가 없네요~_~;;
서버에는 미숙한지라 특히 리눅스는 아예안손대봄ㅎ;; 리눅스는 호스팅만...윈도우는 nodejs로ㅇㅅㅇ;;
서버세팅은 기본이겠죠 리눅스책사서 웹서버 세팅부분만 좀 보시고 윈도쪽에서 iis도 좀 보세요. 금방합니다. 의지만 있음. 4-5일??? 이번 기회에 관련 공부도 좀 해보시는게...
전체 199,665 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT