묻고답하기

2단메뉴

2020.01.31 15:18

ppumweb

2단메뉴를 적용하고싶은데 1단까지 밖에  표현이 안됩니다.

아래 소스가 1단메뉴까지만 나오는 소스인데 2단까지 나올수있도록 수정하고싶습니다.

어떻게 수정하면될까요?

<div class="sub_gnb">
            <div class="sub_gnb_wrap">
                <ul class="submenu">
                    <li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']">
                        <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
                        <ul cond="$val1['list']">
                            <li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']">
                                <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

 

스타일

.header_area > .sub_gnb {
    margin: 0 auto;
    overflow: hidden;
    width: 990px;
    font-size: 12px;
    font-weight:500;
    background: #fff;
    border: 1px solid #d5d5d5;
}

.header_area > .sub_gnb > .sub_gnb_wrap {
    width: 990px;
    margin: 0 auto;
}

.header_area > .sub_gnb > .sub_gnb_wrap > ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}


.header_area > .sub_gnb > .sub_gnb_wrap > ul > li {
    list-style: none;
    float: left;
    padding: 15px 20px;
    border-right: 1px solid #D1D1D1;
}
.header_area > .sub_gnb > .sub_gnb_wrap > ul > li:hover {
    background: #F2F2F2;
    color: #8c8c8c;
}

.header_area > .sub_gnb > .sub_gnb_wrap > ul > li > a {
    text-decoration: none;
    color: #8c8c8c;
    width: 100%;
}



.header_area > .sub_gnb > .sub_gnb_wrap > ul > li > ul {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 99999;
    margin: 15px 0 0 -20px;
    padding: 0;
    list-style: none;
    width: 150px;
    color:#8c8c8c;
    border: 1px solid #D1D1D1;
}

.header_area > .sub_gnb > .sub_gnb_wrap > ul > li:hover > ul {
    display: block;
}

.header_area > .sub_gnb > .sub_gnb_wrap > ul > li > ul > li {
    padding: 10px 10px;
    color:#8c8c8c;
}

.header_area > .sub_gnb > .sub_gnb_wrap > ul > li > ul > li:hover {
    background: #f2f2f2;
}

.header_area > .sub_gnb > .sub_gnb_wrap > ul > li > ul > li a {
    color: #8c8c8c;
    text-decoration: none;
}

태그 연관 글
  1. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  2. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  3. [2019/08/02] 묻고답하기 input 타입을 textarea로 수정했는데요 by 오센 *1
  4. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  5. [2019/03/15] 포럼 웹 에이전시 디스케이션에서 레이아웃 템플릿 판매 개시했습니다. by 디스케이션 *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
LYG 3차메뉴 표시 방법 이게 맞나요?  
뮨다 오디오 미디어 서버 구축?  
난다요 게시판 모바일에서 pdf 다운시 오류  
dkexpress 메인 도메인 변경 [3] 2020.01.31 by J__
마도로스 xe에서 헤더 태그에서 왜? \ 생길까요? 미치겠네요  
ppumweb 2단메뉴 [2] 2020.02.01 by LYG
리치라이프 게시판 분류번호를 분류명으로 엑셀출력 [2] 2020.02.02 by 리치라이프
리치라이프 확장변수 순서값 갯수 제한되어있나요?  
공공공공 안녕하세요. SSL 설정 변경 후 로그인 안됨 현상 문의합니다. [1] 2020.02.03 by sejin7940
박세린 웹페이지에 이상한 여백이 생겼어요. 도와주세요 ㅠㅠㅠ [2] file 2020.02.04 by DoorWeb
rail_man 서브메뉴가 항상 펼쳐진 상태로 하고자 합니다. [2] file 2020.02.04 by DoorWeb
연필72f4f 카운터가 증가 안되는 문제 [1] 2020.02.04 by DoorWeb
리치라이프 확장변수 순서 정렬 원하는대로 수정  
Gdesign 관리자메일로 등록된 글이 전송될때, 내용 추가 [1] 2020.02.05 by sejin7940
킴스필 포트폴리오에 적합한 스킨 추천 [3] 2020.02.06 by DoorWeb
송실장 XE 버전 정보 오류.. 무엇이 문제일까요? file  
총총 php버전관련 [2] 2020.02.07 by 총총
바이러스 게시판 설정 오류나는데 왜 그럴까요? [5] file 2020.02.07 by 바이러스
나눔고딕a bootstrap dorpdown 검색창  
봄비 로그인, 로그아웃 시 클릭 반응 속도가 느려요. [3] 2020.02.08 by 봄비
원스데일리라이프 로그인, 회원가입 방법 [2] file 2020.02.11 by 원스데일리라이프
홍찬 $layout_info 문서페이지 스킨에서 가져오는 방법  
DOCHIS XE 레이아웃에서 메뉴 사라지는 현상.. [4] file 2020.02.13 by 초초보보
PLS 누리고 쇼핑몰 더이상 업데이트 안되나요? [1] 2020.02.14 by sejin7940
someeee XE 1.11.6 업데이트 오류 [1] 2020.02.15 by sejin7940
봄비 첨부파일 기능을 막을려면요? [2] file 2020.02.15 by 봄비
봄비 도메인 권한 복구 방법 없을까요? [2] 2020.02.16 by 봄비
봄비 XE 할만한 게임 없나요?  
싸이몬 에러 문제에 대한 조언 부탁합니다. [1] 2020.02.16 by SimpleCode
총총 관리자 로그인관련 [2] 2020.02.16 by 총총