테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 메뉴 질문 드립니다. 채택완료

초이스2010 10년 전 조회 3,437

제리쿼리 메뉴를 이용하려고 하는데 배너자리에 배너를 가로로 배치하고 싶은데 도저히 알수가 없어 도움 요청 드립니다. 소스한번 봐 주세요 어디를 수정해야 하는지요~~

css

/* menu::base */ div#menu {     height:41px;     background:url(images/main-bg.png) repeat-x; }

div#menu ul {     margin: 0;     padding: 0;     list-style: none;     float: left; } div#menu ul.menu {     padding-left: 100px; }

div#menu li {     position: relative;     z-index: 9;     margin: 0;     padding: 0 5px 0 0;     display: block;     float: left; } div#menu li:hover>ul {     left: -2px; }

div#menu a {     position: relative;     z-index: 10;     height: 41px;     display: block;     float: left;     line-height: 41px;     text-decoration: none;     font: normal 12px Trebuchet MS; } div#menu a:hover, div#menu a:hover span { color: #fff; } div#menu li.current a {}

div#menu span {     display: block;     cursor: pointer;     background-repeat: no-repeat;     background-position: 95% 0; } div#menu ul ul a.parent span {     background-position:95% 8px;     background-image: url(images/item-pointer.gif); } div#menu ul ul a.parent:hover span {     background-image: url(images/item-pointer-mover.gif); }

/* menu::level1 대메뉴 클자 색 #e5e5e5*/ div#menu a {     padding: 0 10px 0 10px;     line-height: 30px;     color: #ffffff; } /* 대메뉴 위치 조정*/ div#menu span {     margin-top: 5px; }/**@replace#1*/ div#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; } div#menu li.last { background: none; }

/* menu::level2  소메뉴*/ div#menu ul ul li { background: none; } div#menu ul ul {     position: absolute;     top: 38px;     left: -999em;     width: 160px;     padding: 5px 0 0 0;     background: rgb(45,45,45);     margin-top:1px; } div#menu ul ul a {     padding: 0 0 0 15px;     height: auto;     float: none;     display: block;     line-height: 24px;     color: rgb(169,169,169);   } div#menu ul ul span {     margin-top: 0;     padding-right: 15px;     _padding-right: 20px;     color: rgb(169,169,169); } div#menu ul ul a:hover span {     color: #fff; } div#menu ul ul li.last { background: none; } div#menu ul ul li {     width: 100%; }

/* menu::level3 */ div#menu ul ul ul {     padding: 0;     margin: -38px 0 0 160px !important;     margin-left:172px; }

/* colors */ div#menu ul ul ul { background: rgb(41,41,41); } div#menu ul ul ul ul { background: rgb(38,38,38); } div#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */ div#menu li.back {     background: url(images/lava.png) no-repeat right -44px !important;     background-image: url(images/lava.gif);     width: 13px;     height: 44px;     z-index: 8;     position: absolute;     margin: -1px 0 0 -5px; } div#menu li.back .left {     background: url(images/lava.png) no-repeat top left !important;     background-image: url(images/lava.gif);     height: 44px;     margin-right: 8px; } 

index.htm

http://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd">         title            

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
9년 전

margin-left, margin-right, margin-top, margin-bottom 을 지정하여 위치를 맞춰주세요. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인