묻고답하기
로고 그림이 클 경우 1차 메뉴 내리기?
2009.02.13 07:21
로고 그림을 빼고 플래시를 넣었는데..플래시가 커서 반이상 위로 갔습니다...
1차 메뉴를 아래 쪽으로 내리려면?
플래시를 내리니...
1차 메뉴가 들어가네요..
www.nydongsan.com/home
댓글 5
-
궁금이2
2009.02.13 09:56
레이아웃 css 의 #header 부분 height 를 조절 -
최영석222
2009.02.13 11:06
아무리해도 초보자의 한계 입니다..
ccs 올립니다..한번 봐 주세요..
@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*//* Limegreen Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#gnb2 { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
#footer { margin:0; padding:0; }
#copyright { margin:0; padding:0; }/* Site Layout - Body Wrap */
body { background:#FFFFFF url(../images/limegreen/bgBody.gif) repeat-x left top; }
#bodyWrap { width:980px; margin:4em auto 0 auto; }/* Site Layout - Header */
#header { position:relative; width:980px; height:70px; background:url(../images/limegreen/bgHeader.gif) no-repeat right top; margin-bottom:5px; z-index:99;}
#header h1 { margin:0; padding:0; position:absolute; top:-150px; left:0px;}
#language { position:absolute; top:-17px; right:0px; z-index:100;}
#language strong { color:#000000; font:.75em Tahoma; margin-right:3px;}
#language a img { vertical-align:-5px;}
#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #eaeaea; background:#ffffff;}
#language ul li { list-style:none; }
#language ul li a { display:block; width:60px; padding:3px 8px; font:9px Tahoma; color:#000000; text-decoration:none;}
#language ul li a:hover { background:#f4f4f4;}#top_link { margin:0; padding:0; position:absolute; top:45px; right:0px; clear:both;}
#top_link a { text-decoration:none; color:#000000; font:1em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#top_link a:hover, {text-decoration:underline; color:#098e07}
#top_link li { display:inline; padding:0 0em 0 .5em; background:url(../images/limegreen/vrType1.gif) no-repeat left center;}
#top_link li a { text-decoration:none; color:#000000; font:1em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#top_link li a:hover, {text-decoration:underline; color:#098e07}
#top_link li address { display:inline; }#sub_link { position:absolute; top:8px; right:0px; overflow:hidden; white-space:nowrap;}
#sub_link li { font-weight:bold; float:left; list-style:none; background:url(../images/limegreen/vrType1.gif) no-repeat left center; padding:0px 5px 0px 5px;position:relative; left:-2px; white-space:nowrap;}
#sub_link li.sub_link_first { background:none;}
#sub_link li a { text-decoration:none; color:#666666; font:1em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#sub_link li a:hover, { color:#252525;}
#sub_link li address { display:inline; }#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; }#gnb { position:absolute; text-align:center; top:0px; left:0; height:36px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { font-weight:bold; font-size:1.1em; float:left; list-style:none; left center; position:relative; white-space:nowrap;}
#gnb li a { width:100px; display:block; float:left; padding:12px 0px 0 0px; height:36px; color:#363636; white-space:nowrap; text-decoration:none; background:url(../images/limegreen/TopPbgGnbBack.gif) no-repeat center top;}
#gnb li a:hover, {color:#000000;}
#gnb li a:focus { color:#eaeaea;}
#gnb li.on a { width:100px; font-weight:bold; padding:12px 0px 0 0px; height:36px; color:#ffffff; background:url(../images/limegreen/TopPbgGnbOn.gif) no-repeatcenter top;}
#gnb2 { position:absolute; top:36px; left:0; height:40px; overflow:hidden; white-space:nowrap; margin-bottom:0px;}
#gnb2 li { font-weight:bold; float:left; list-style:none; background:url(../images/limegreen/bgGnbVr.gif) no-repeat left center; padding-left:2px;position:relative; left:-2px; white-space:nowrap;}
#gnb2 li a { display:block; float:left; padding:12px 15px 0 15px; height:23px; color:#ffffff; white-space:nowrap; text-decoration:none; }
#gnb2 li a:hover, {color:#000000;}
#gnb2 li a:focus { color:#000000;}
#gnb2 li.on a { font-weight:bold; padding:12px 15px 0 15px; color:#ffffff; background:url(../images/limegreen/bgGnbOn.gif) no-repeat center top;}
#isSearch { position:absolute; top:42px; right:10px; width:325px; 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:69px; height:16px; background:url(../images/limegreen/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#000000; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:19px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#ffffff;}
#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:#000000;}
#isSearch ul li label.on { background:#455a5b; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#eaeaea;}
#isSearch .inputText { vertical-align:top; _position:relative; border:none; color:#000000; width:200px; height:16px; background:#ffffff;}
#isSearch .inputText:hover, { border:0px; width:200px; height:16px; background:#ffffff}
#isSearch .inputText:focus
*:first-child+html body#default #isSearch .inputText { position:relative; top:0px;}
#isSearch .submit { vertical-align:middle; position:relative; top:-1px;}
*:first-child+html body#default #isSearch .submit { position:relative; top:0px;}/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:10px; overflow:hidden; background:url(../images/limegreen/bgContentBody.gif) repeat-y left top;border-bottom:1px solid #dddddd;}
/* Site Layout - Column Left */
#columnLeft { position:relative; width:181px; float:left;}
#columnLeft .mask { width:181px; height:5px; background:#ffffff; display:block; clear:both;}.left_ct_box { position:relative; background:url(../images/limegreen/left_cate_mid.gif) repeat-y; }
.left_ct_box .left_ct_top { position:relative; padding-top:8px; background:url(../images/limegreen/left_cate_top.gif) top repeat-x; margin-top:0px;}
.left_ct_box .left_ct_bottom { position:relative; padding-bottom:8px; background:url(../images/limegreen/left_cate_bottom.gif) bottom repeat-x; margin-bottom:5px;}#lnb { width:180px; }
#lnb li { list-style:none; }
#lnb li a { top:3px; left:10px; margin-bottom:5px; padding-left:10px; width:160px; display:block; background:url(../images/limegreen/bgLnbDot.gif) left center no-repeat; color:#333333; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover {text-decoration:underline; }
#lnb li a:focus { }
#lnb li.on a { color:#000000; }
#lnb li.on a:hover,
#lnb li.on a:focus { color:#000000; }
#lnb li ul { padding:0px 0px 0px 20px; margin-bottom:5px; display:block; position:relative; overflow:hidden;}
#lnb li.on ul { display:block; width:160px;}
#lnb li ul li { position:relative; background:url(../images/limegreen/bgLnbLine.gif) left center no-repeat; }
#lnb li ul li a { padding:0px; color:#333333 !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;}
#lnb li.on ul li.on a { color:#333333 !important; !important; !important;}#left_banner { position:relative; margin:0; padding:0;}
#left_banner .widget01 { position:relative; padding-bottom:5px;}
#left_banner .widget02 { position:relative; padding-bottom:5px;}
#left_banner .widget03 { position:relative; padding-bottom:5px;}
#left_banner .widget04 { position:relative; padding-bottom:5px;}
#left_banner .widget05 { position:relative; padding-bottom:5px;}
#left_banner .banner01 { position:relative; padding-bottom:5px;}
#left_banner .banner02 { position:relative; padding-bottom:5px;}
#left_banner .banner03 { position:relative; padding-bottom:5px;}
#left_banner .banner04 { position:relative; padding-bottom:5px;}
#left_banner .banner05 { position:relative; padding-bottom:5px;}
#left_banner .banner_last { position:relative;}/* Site Layout - Column Right */
#columnRight { width:790px; float:right; overflow:hidden;}
#visualArea { width:790px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}/* Site Layout - Footer */
#footer { border:5px solid #eeeeee; text-align:center; background:#eeeeee; clear:both;}
#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/limegreen/vrType1.gif) no-repeat left center;}
#footer li.first-child { background:none;}
#footer li address { display:inline; }
#footer li a { text-decoration:none; color:#666666; font:1em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li a:hover, {color:#880000;}
#copyright {position:relative; margin-top:10px;}
#copyright .left { position:absolute; top:0px; left:0px;}
#copyright .right { position:absolute; top:0px; right:0px;}
#copyright .mid { text-align:center; }
#copyright .mid a { text-decoration:none; color:#666666; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#copyright .bottom { position:absolute; padding-bottom:10px; top:45px; left:385px;}.subMenu{margin:0; padding:0; position:absolute; top:47px; left:15px; overflow:hidden; white-space:nowrap;}
#lnb1{margin:0; padding:10; font-weight:bold; color:#ffffff; padding-left:10px; padding-right:10px; text-decoration:none; background:url(../images/limegreen/bgGnbVr.gif) no-repeat right center; position:relative;white-space:nowrap; }
#lnb1:hover,focus {color:#0080ed;}
#lnb1.on { font-weight:bold; color:#0080ed;}/* Limegreen Skin - End */
-
궁금이2
2009.02.13 11:30
해도 안된다는 것인지... 못 찾으시는 것인지...
18번째줄에서 빨간 부분의 숫자를 조절해보세요./* Site Layout - Header */
#header { position:relative; width:980px; height:70px; background:url(../images/limegreen/bgHeader.gif) no-repeat right top; margin-bottom:5px; z-index:99;} -
최영석222
2009.02.13 12:26
음...안됩니다..
height:70px 위의 로고만 움직이느것이고...
margin-bottom:5px 은 왼쪽 2차 메뉴만 움직이네요..
위쪽 1차 헤드 메뉴가 아래로 내려 와야 하는데.그게 안됩니다... -
궁금이2
2009.02.13 12:48
도움이 못되어드려 죄송... 다시 들어가보니 레이아웃이 바뀌었네요.
처음 레이아웃 잡을때 도움받았던 글 링크해봅니다.
http://www.zeroboard.com/16699644
모쪼록 도움되시길...
