login

홈페이지 개설, 도메인 구매

디자인 의뢰 도메인 구매

일반 게시판

글내용 상단

번호:436
제목:이것 어떡해하죠 쉬운거같은데 부탁좀요ㅜ,ㅜ......
글쓴이:天上碑

조회:108
작성일:2008-07-02 12:29:38
수정일:2008-07-02 12:29:38

게시물주소: http://beta.ohpy.com/145240/436

글내용 본문

2단 세로메뉴를      가로메뉴로 바꾸는법좀요.....

 

제소스인데

 제가초보라서

 

css에 있는소스인데      하위메뉴에 뭘건들여야 가로메뉴가되죠??

 

/* op element style - elgnb
***************************************************/

.elgnb{ clear: both; height: 37px; background: url(http://pic6.ohpy.com/up/elbbs/2008/07/02/148348/176809989/jjjjjjjjjjjj.jpg) no-repeat 0 0; }
.elgnb h2.elgnb-h { display: none; }

/* 상위메뉴  */
.elgnb ul.navi  { height: 37px; background: url(http://pic6.ohpy.com/up/elbbs/2008/07/02/148348/548607537/mid_zzzzzzzzzz.jpg) no-repeat right 0 ; font: bold 14px 굴림; letter-spacing: -1px; list-style: none;  margin: 0; padding: 0; }
.elgnb ul.navi li.menu{ float: left; position: relative; padding-right: 5px; z-index: 11; background: url() no-repeat right 10px; }
.elgnb ul.navi li.menu .item a { display: block; line-height: 1em; padding: 12px 5px 9px 8px; }
.elgnb ul.navi li.menu .item a:link, .elgnb ul.navi li.menu .item a:visited { color: #777777; text-decoration: none; }
.elgnb ul.navi li.menu .item a:hover { text-decoration: none; color: #000000; }

/* 하위메뉴 */
.elgnb ul.subnavi { position: absolute;  top: 35px; display: none; margin: 0; padding: 3px; background: #444444; z-index: 12; }
.elgnb ul.subnavi li.submenu { clear: both; float:left; display: block; position: relative; list-style: none; background: #eeeeee;  padding: 0; }
.elgnb ul.subnavi li.submenu .subitem a { clear: both; display: block; width: 115px; padding: 6px 5px 3px 15px; font: normal 12px 굴림, sans-serif; text-align: left; line-height: 1.2em; background: url(http://pic6.ohpy.com/up/elbbs/2008/07/02/148348/1085441242/zzzzzzzzzz2.jpg) no-repeat 5px 50%;  }
.elgnb ul.subnavi li.submenu .subitem a:link, .elgnb ul.subnavi li.submenu .subitem a:visited { color: #000; text-decoration: none; }
.elgnb ul.subnavi li.submenu .subitem a:hover { text-decoration: none; color: #222222; }

/* 하위메뉴 띄우기*/
div.elgnb ul.navi li:hover ul.subnavi { display: block; }

 

 

글내용 버튼

Angel Wing
일단 질문내용이..............상위메뉴는 그대로 두고 하위메뉴만 한줄로 가로메뉴로 출력되게하실려는거죠???

제가 4시간동안 끙끙되어보았지만;;;;;;;
가로로 출력되게는 할수 있었습니다...하지만 제 실력탓인지 그 뒤부터 문제가 생기더군요...
하위메뉴들도 한줄로 쭈욱 출력되게 하실려는거 맞지요???

아무리해도 안되더군요;;;;
가로로 출력은 되지만 한줄로 출력이 되지않습니다....하위메뉴는 분명 가로로 출력이 되었지만;;;
상위메뉴와 겹쳐져서 출력이 되는 문제가 생기네요;;;;;;

물론 제 실력이 부족한탓이겠지만요......ㅠ.ㅠ
더 공부해서 만약에 천상비님(천상비님 맞지요?)이 말씀하신대로 되게되면 제가......팁/강좌형식으로
팁/강좌게시판에 올려드리겠습니다..ㅠ.ㅠ

일단...제가 아는대로 팁 몇가지 가르쳐드리겠습니다;;;

여기서 고쳐야할 부분이.
/*하위메뉴*/입니다..

하위메뉴 뛰우기에 낚이지마세요....저부분은 신경 안쓰셔도 될듯하네요^^;;;

참고로 a;hover이부분이 어떤뜻이냐 하면 마우스가 올라갔을때 메뉴가 나타나게해라~
이뜻입니다.....

그리고 여기서 메뉴를 세로에서 가로로 변경하는 부분은 가장 윗부분의

.elgnb ul.subnavi
이부분을 건드리시면 되구요^^;;;;일단 저기서 명령어 몇가지를 더 추가하셔야됩니다;;;몇몇 부분은 수정해야
하구요;;;
float: left; 이부분과 left: 170px;이걸 추가하면되구요^^;;
이뜻은 해당 명령을 옆으로 출력해라...즉...메뉴를 옆에 나타나게해라는 명령이구요;;;
(에...이게 정확한건지는 모르겠지만...CSS언어에서 float:<-이명령으로 이동시키는건 맞습니다^^;;;)
뒤에 170px이부분은 사이즈를 말하는겁니다^^;;;;
물론 사이즈값을 조절해서 한줄로 보이게 하는건 가능하지만.....

문제는 게시판 목록들은 계속 아래로 출력이 된다는거지요...ㅠ.ㅠ
이부분이 해결되지않고 있네요..ㅠ.ㅠ

원하는 답변이 아니라서 정말 죄송합니다(.....)
제 머리로는 이계 한계인듯하네요..ㅠ.ㅠ

그냥 차라리 플래쉬로 메뉴를 제작해보는것이 더 빠를듯하네요-_-;;;;;
플래쉬로 만들어버리세요...ㅠ.ㅠ

플래쉬같으면 제가 조금이나마 부족한 실력이지만 아는대로 알려드릴수는 있습니다..ㅠ.ㅠ
2008-07-02 16:04:13
天上碑
감사합니다 ㅜ 2008-07-02 23:52:35
크기 조절
텍스트 에디터 HTML 등록
목록개수 제목 글쓴이 조회 날짜
580 인트로에 로그인창 (1) new dmswls54 22 2008-09-07
579 오피 고수분들 들어와서 가르쳐주세요 (3) new sso2121 27 2008-09-07
578 동영상 링크에대해서 (7) 미.공.원! 35 2008-09-06
577 링크걸었을때 자꾸 오피주소와 합쳐져서 나.. (1) 엘리브엘 24 2008-09-06
576 뭐가 문제일까요? (2) 잠수사 60 2008-09-05
575 게시판 상단에 이미지 올리기 (2) yellowbabi1 50 2008-09-05
574 오피고수님들도와주세요 (0) jksd1575 30 2008-09-04
573 혹시 아시는분.. 부탁드려요..ㅠㅠ (2) 다비` 52 2008-09-04
571 홈페이지 글자 크기를 완전 고정시키고 싶은.. (0) 신비 클럽박스 36 2008-09-03
570 저기 건의좀 하나 할려고요. (2) 미.공.원! 70 2008-09-03

글목록 페이지

글목록 버튼

글목록 검색