묻고답하기

로고 그림이 클 경우 1차 메뉴 내리기?

2009.02.13 07:21

로고 그림을 빼고 플래시를 넣었는데..플래시가 커서 반이상 위로 갔습니다...

1차 메뉴를 아래 쪽으로 내리려면?

플래시를 내리니...

1차 메뉴가 들어가네요..

www.nydongsan.com/home

0212.jpg [File Size:24.9KB/Download:15]

궁금이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-repeat

center 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
모쪼록 도움되시길...

좋아요 댓글 신고

글쓴이	제목	최종 글
XE	공지 글 쓰기,삭제 운영방식 변경 공지 [16]	2019.03.05 _by 남기남
김준영	홈페이지 주소를 http://홈피주소/xe -> http://홈피주소/ 되게 하려면? [3]	2009.02.13 _by 出会い系サイト
현진	댓글에 비밀글 기능-> 비밀 로 바꾸기 [2]	2009.02.13 _by 出会い系サイト
김준영131	1.1.5----------->>1.1.3 으로 다운그레이드하는 법?
심스	로그인 창만 띠우려고 합니다... [3]	2009.02.13 _by 심스
게시판귀신	스킨제작자를 찾습니다. [1]	2009.02.13 _by 비나무
하늘맘	XE에서 첨부파일 확장자가 없는 이유를 좀 알켜 주세요... [1]	2009.02.14 _by SMaker
김승균565	프로필 사진 크기제한 조절방법 좀 알려주세요 [2]	2009.02.13 _by 出会い系ｻｲﾄ
조성진619	이 아이콘 모양이 도대체 무슨 뜻인가요? [1]	2009.02.13 _by 만쓰별(정만)
반짝	제로보드 삭제 어떻게 해요? [3]	2009.02.13 _by 백성찬
entise	로그인 사용자 출력 위젯 사용시... [4]	2009.02.13 _by entise
제트보드	관련글 긁어오기를 해보고 싶은데 방법이 있을까요?? [1]	2009.02.13 _by 산묘
도베루	bgm 태그입니다..랜덤재생인데.. 연속해서 안나오네요..도와주삼..
물개킁	게시판 설정 질문드립니다. [1]	2009.02.13 _by 궁금이2
최영석222	로고 그림이 클 경우 1차 메뉴 내리기? [5]	2009.02.13 _by 궁금이2
thejeon	회원가입 버튼을 누르면...도와주세요~ [2]	2009.02.13 _by thejeon
제트보드	엮인글 관련 조언 부탁드립니다. [2]	2009.02.13 _by 제트보드
제트보드	달력에서 해당 날짜 클릭시 작성글 목록 보이게 하려면....?/ [5]	2009.02.13 _by 제트보드
이즈영	랭킹순위위젯들에서 작성 글보기가 라인에 걸리는 경우 ,, [3]	2009.02.13 _by 이즈영
한성희748	도와 주세요 메인 공지사항 연동할려고 하는데... [1]	2009.02.13 _by 한성희748
임성훈859	너무 초보적인 질문이라...??? [2]	2009.02.13 _by 띵야
제이	일반 html 파일에서 최신글 위젯을 쓸 수 있는지요? [1]	2009.02.13 _by 우유가짱
corsair	xe 이전시에 게시판 설정 가져오는 기능 없나요? [5]	2009.02.13 _by corsair
서영식460	쪽지함이 보이지를 않네요.. [2]	2009.02.13 _by 서영식460
corsair	html 편집기로 자바스크립트 넣었을때 없어지는 현상 [1]	2009.02.13 _by corsair
monul	레이아웃 하고 로그인위젯 css파일인데... [1]	2009.02.13 _by 우유가짱
제보공부중	게시물을 메일로 발송 기능?
하늘맘	윈도우 탐색기 링크 방법 부탁드립니다. 꼭 좀 부탁드려요..
호랭군	생성된 페이지에 그림파일, 게시판 [4]	2009.02.13 _by 호랭군
리봄	서브메뉴 텍스트 수정했는데 상단 타이틀 부분이 초기화? 된듯합니다. 어찌해야 하죠??
hara936	최근게시물보기해결방법이 없나요? ㅜㅜ [1]	2009.02.13 _by 궁금이2

태그 쓰기

묻고답하기

로고 그림이 클 경우 1차 메뉴 내리기?

댓글 5

궁금이2

최영석222

궁금이2

최영석222

궁금이2

About

Get involved

Blog

Download

Support

Showcase