묻고답하기
(급급)고수님들 좌측 2차메뉴 관련 질문 드립니다.
2011.01.10 14:26
2차메뉴가 필요없어서 css파일을 약간 수정햇는데
저 두개의 선이 안없어지네요... ㅠㅠ
어떻게 해야할까요?
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* White Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
/* Site Layout - Body Wrap */
body { background:#ffffff;}
#bodyWrap { position:relative; width:978px; margin:0 auto; padding:1.5em 0 0 0;}
/* Site Layout - Header */
#header { position:relative; width:978px; height:250px; border-top:5px solid #d9d9d9; border-left:5px solid #d9d9d9; border-right:5px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;} /* 상단헤더공간조정 _ border부분은 두께와 색깔조정 */
#header h1 { position:absolute; top:40px; left:370px;} /* 로고위치조정 */
#header h2 { position:absolute; top:120px; left:250px;} /* 플래시메뉴 위치조정 */
#header h3 { position:absolute; top:20px; left:2px;} /* 강호동 */
#header h4 { position:absolute; top:50px; right:15px;} /* 광수 */
#header h5 { position:absolute; top:220px; left:10px;} /* 로그인 */
#language { position:absolute; top:175px; right:19px; z-index:100;} /* 언어선택툴 위치조정 */
#language strong { color:#5c5c5c; font:.75em Tahoma; margin-right:3px;}
#language a img { vertical-align:-5px;}
#language ul { position:absolute; top:20px; right:0px; display:none; border:2px solid #d9d9d9; background:#ffffff;}
#language ul li { list-style:none; }
#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#5c5c5c; text-decoration:none;}
#language ul li a:hover { background:#f4f4f4;}
#it_search_form { position:absolute; top:50px; right:15px;}
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
#gnb { position:absolute; top:76px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; background:url(../images/white/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 0px; height:25px; color:#727272; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#000000;}
#gnb li.on a { font-weight:bold; color:#3f3f3f; background:url(../images/white/bgGnbOn.gif) no-repeat center top;}
#isSearch { position:absolute; top:220px; right:2px; width:214px; text-align:right;} /*검색창 위치조정*/
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/white/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}
#isSearch ul li { width:67px; height:18px; list-style:none;}
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c;}
#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#ededed;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:155px; height:18px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; } /* 검색창 크기조절 */
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #8E8E8D; background-color:#FFFFFF; }
*:first-child+html #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html #isSearch .submit { position:relative; top:-1px;}
/* Site Layout - Content Body */
#contentBody { position:relative; width:978px; padding-bottom:30px; overflow:hidden; background:url(../images/white/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;} /* 컨텐츠에서 부분에서 볼때 하단 부분 라인두께및 색깔조정 */
/* Site Layout - Column Left */
#columnLeft { position:relative; width:199px; float:left;}
#columnLeft .mask { width:199px; height:5px; background:#ffffff; display:block;}
#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
#lnb li { list-style:none; padding-bottom:4px;}
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:5px solid #e8e8e8; background:url(../images/white/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/white/bulletLnb.gif) no-repeat 175px center !important;}
/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;} /*왼쪽 메뉴가 있을 경우 이것을 적용 */
#columnRight_full { width:978px; float:right; overflow:hidden;} /* 왼쪽 메뉴가 없을경우 이것을 적용 */
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}
/* Site Layout - Content */
#content {position:absolute;width:550px:overflow:hidden;}
#content {position:relative;float:right:right:0px:top:-10px:background:#F3F3EF;height:100%;width:200px:text-align:center;padding-left:5px:padding-right:5px:overflow:visible;display:block;white-space:nowrap;text-decoration:none;}
/* Site Layout - Footer */
#footer { margin:0; padding:0; border-top:3px solid #e81533; text-align:center; padding:2em 0 4em; clear:both;} /* footer 부분에서 볼때 copyright 상단 라인 */
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/white/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }
/* White Skin - End */
꼭 좀 도와주세요~!!!!
흠..... 금방해결해버렸네요.. ^^
#contentBody { position:relative; width:978px; padding-bottom:30px; overflow:hidden; background:url(../images/white/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
이부분인데..
bgContentBody.gif 파일을 수정해주면 되는군요... 바깥쪽에 회색으로 칠해진부분을 흰색으로 바꿔주면 되는군요.... ^^
혼자 질문하고 혼자 답변했네요..
혹시 나중에 필요하신분 있음 참고하세요~!