묻고답하기
2단메뉴
2020.01.31 15:18
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;
}
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. *3
- [2019/08/02] 묻고답하기 input 타입을 textarea로 수정했는데요 *1
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1
- [2019/03/15] 포럼 웹 에이전시 디스케이션에서 레이아웃 템플릿 판매 개시했습니다. *2
댓글 2
-
sejin7940
2020.01.31 21:56
-
LYG
2020.02.01 13:14
레이아웃의 info.xml 파일에서 main_menu의 maxdepth도 2로 되어있는지 확인해보시면 좋을 것 같아요
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
홍찬 | css에서 top에 화면 창 가운데라는 값 넣기 [1] | 2016.02.20 by XESTUDIO |
캣대디 | 실시간 새글 알림 애드온 특정게시판만 알림오게하려고 합니다. [5] | 2016.04.18 by 꽃민 |
꽃민 | 관리자만 알림 뜨려면... [2] | 2016.04.19 by 꽃민 |
꽃민 | 새글 알림 도와주세요..ㅠㅠ [2] | 2016.04.19 by 꽃민 |
happy19 | 휴... 배경색 설정만 했을뿐인데, 사이트가 날라갔어요. [1] | 2016.04.22 by YJSoft |
kjmedi626 | 관리자주소를 모르겠습니다...ㅠㅠ [4] | 2016.05.27 by kjmedi626 |
흑사탕 | footer 고정 [8] | 2016.06.14 by 흑사탕 |
kara**** | 스마트폰에서 스크롤 탑버튼 고정에 관하여 질문해요. [2] | 2016.07.06 by kara**** |
마이미2 | 2차 메뉴를 가로로 나타나게 하려고 합니다. [2] | 2016.07.15 by 마이미2 |
94blossom | 검색부분을 가운데로 하고싶은데요 어떻게 하는 건가요? [1] | 2016.08.02 by 라자루스 |
해운대살고싶다 | php 질문드립니다. | |
청*솔 | iframe 으로 붙혀넣기 했는데.! [2] | 2016.09.12 by 청*솔 |
영흥도우럭1 | 실시간 새글 알림 애드온..질문드립니다. | |
샤킹 | 스크롤 버튼 고정하는 방법 알려주세요!! | |
홍찬 | 2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요? [1] | 2017.02.03 by DoorWeb |
파도. | 스케치북 최근게시물 상단 탭 오른쪽 여백 없애기 | |
쇼퍼 | php 5.16 php 5.2 이상으로 업데이트하기 | |
lifema**** | list.html에서 letter-spacing 수정 문의드립니다 [2] | 2017.03.13 by lifema**** |
쩡님아야 | 게시판과 슬라이드와의 연결고리 | |
영종몬 | 테이블 왼쪽 여백주는방법 [3] | 2017.07.03 by 영종몬 |
html 소스 부분은 2단까지 나오게 구성되어있습니다.
css 가 뭔가 부족한듯하네요..
.active 관련 부분이 아마도 있을듯하네요