3차 메뉴 (3단 메뉴)

3차 메뉴 (3단 메뉴)

QA

3차 메뉴 (3단 메뉴)

본문

company 테마를 써서 3단 메뉴를 구현할려고 하니 css에서 딱 걸리네요.

관리자 모드에선 메뉴를 추가했는데요, 테마폴더의 default.css에서

위치나 크기 조정 어떻게 해야할지 모르겠네요.

아래는 제 마음대로 수정해본 코드입니다..ㅠㅠ


/* 메인메뉴*/
#gnb {position:relative;margin: 0;float:left}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {padding:0;zoom:1;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left;width:117px;text-align:center;}
a.gnb_1da {padding-right:10px;display:inline-block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#;height:55px;line-height:55px;display:block;font-size:1.4em}
a.gnb_bg{background:url('../img/gnb_bg.gif') 100px 100%  no-repeat;}
.gnb_bg:focus, .gnb_bg:hover {background-color:#fff ;text-decoration:none;color:#355ca3;}
.gnb_1dli_air .gnb_1da {background-color:#fff;color:#}
.gnb_1dli_on .gnb_1da {background-color:#fff;color:#}
.gnb_2dul {display:none;position:absolute;top:55px;width:180px;left:0}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none;font-size:1.2em}
.gnb_1dli_air .gnb_2da {background-color:#fff;color:#}
.gnb_1dli_on .gnb_2da {background-color:#fff;color:#}
.gnb_2da:focus, .gnb_2da:hover {background:#355ca3;text-decoration:none;color:#fff;}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
.gnb_1dli_over .gnb_3dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_3dul {display:block;right:0;background:#fff}
.gnb_3dul {display:block;position:absolute;left:50px;top:55px;}
.gnb_3da {display:block;padding:13px 10px;text-align:left;text-decoration:none;font-size:1.2em}
.gnb_1dli_air .gnb_3da {background-color:#fff;color:#}
.gnb_1dli_on .gnb_3da {background-color:#fff;color:#}
.gnb_2da:focus, .gnb_3da:hover {background:#355ca3;text-decoration:none;color:#fff;}
.gnb_1dli_over .gnb_3dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_3dul {display:block;right:0;background:#fff}


.gnb_3dul 가 제 3차 메뉴입니다.

잘못된게 뭔지 알려주시면 정말 감사해요..

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 6
QA 내용 검색
filter #3차 ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT