묻고답하기
레이아웃을 고쳤는데...
2011.02.06 02:56
css를 하나도 몰라서 간단히 메뉴배경만 바꾸는데도 애먹네요ㅠ
밀라떼님(맞...맞죠?) 레이아웃인데요,
/* Site Layout - Header */
#header { position:relative; width:846px; height:230px; margin-bottom:10px; z-index:99;}
#logo { margin:0; padding:0; position:absolute; bottom:80px; left:230px;}
#iconleft { position:absolute; bottom:30px; left:0; z-index:99;}
#iconright { position:absolute; bottom:30px; right:0; z-index:99;}
#it_search_form { position:absolute; top:50px; right:15px;}
#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
#mm {position:absolute; width:826px; top:193px; padding-left:20px; left:0; z-index:99; height:40px; background-color:#CDE252;}
.nav { position:relative; width:900px; margin:0 auto; padding:0; list-style:none; text-align:center;}
.nav li {float:left; display:block; width:115px; position:relative; z-index:500; margin:0; }
.nav li a { overflow:hidden; display:block; padding:13px 0 10px 0; text-decoration:none; color:#d4cbb7; font-family:dotum; font-size:12px; }
.nav li a:hover { color:#fff; background:url(../images/gnb_on.png) no-repeat center 1px; }
.nav ul {position:absolute; left:-2px; display:none; margin:0; padding:0; list-style:none; background:url(../images/bg_sm.png); border-bottom:1px solid #412f28;}
저기 빨간부분이 원래 url 되있던 걸 시험삼아 저 색으로 저렇게 바꿨는데요,
원래 url로 이미지 되있을 때는 라운드 처리가 됬었는데 저렇게 바꾸고 나니 걍 네모 박스네요ㅠㅠ
아는 거 하나도 없어서 background-color로 고치는 것도 첨엔 color로 했다 background로 했다
결국 도서관에서 빌린 css책 메뉴만들기부분 소스 보다 알아내서 겨우 했어요ㅠ
처음부터 검색해볼걸 괜히 혼자 쳐보다....
주소는 ithink.dothome.co.kr 입니다!
고2인데 동아리 홈페이지 만들려고 하는데 레이아웃 그대로 쓰긴 뭐해서
색깔이나 좀 바꿔보려 했는데 이것도 힘드네요ㅠㅠ 괜히 시간낭비히는건지ㅠㅠㅠㅠㅠㅠㅠ
답변부탁드려요!