묻고답하기

현재 메인메뉴에 마우스 오버시 나타나는 2차메뉴가 세로로 나타나는데 이것을 메인메뉴 하단으로 가로로 나타나게 하려고 하는데 쉽진 않네요.

display: inline-block; 혹은 float: left; 를 넣어야 한다는 것을 검색으로 어느정도 알아냈는데

맞다고 생각되는 부분에 넣어도 반영이 잘 안됩니다.

하단에 소스중 어느부분에 반영해야 할지 알려주시면 정말 감사하겠습니다.

/* nav */
#gnb    {text-align: center; font-size: 0;}
#gnb.fixed    {position: fixed; top: 0; width: 100%; z-index: 190; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;}
#gnb a    {display: block; font-size: 12px;}
#gnb button    {display: block;}
#gnb li    {display: inline-block; position: relative;}
#gnb.narrow_space li,
#gnb.narrow_space>ul>li>ul,
.gnb_dummy.narrow_space>ul>li a    {width: 100px;} 

#gnb li.bt_img    {position: relative; width: 50px; height: 33px;}
#gnb li.bt_img a,
#gnb li.bt_img button    {padding: 0; height: 33px; width: 50px; text-indent: -9999px;}
#gnb li.bt_img a.bt_home    {background: url(../images/icn_home.png) no-repeat center center;}

#gnb.no_line>ul>li    {border-left: none; margin-left: 1px;}
#gnb.no_line>ul>li:last-child    {border-right: none; margin-right: 1px;}

.bt_show_gnb    {position: relative; z-index: 20; cursor: pointer;}
.bt_show_gnb span    {display: block; position: absolute; left: 13px; width: 23px; height: 3px; background-color: #FFF; opacity: 0.8; z-index: 10; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;}
.bt_show_gnb span:nth-child(1)    {top: 9px;}
.bt_show_gnb span:nth-child(2),
.bt_show_gnb span:nth-child(3)    {top: 15px;}
.bt_show_gnb span:nth-child(4)    {top: 21px;}

.bt_show_gnb.open span:nth-child(1) {width: 0%; left: 50%;}
.bt_show_gnb.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
.bt_show_gnb.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.bt_show_gnb.open span:nth-child(4) {width: 0%; left: 50%;}

#gnb>ul>li    {vertical-align: top;}

#gnb>ul>li>a    {height: 35px; line-height: 35px; color: #FFF; -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);-webkit-backface-visibility: hidden;}
#gnb>ul>li>ul    {display: none; position: absolute; top: 100%; left: -1px; background-color: #FFF; border-top: none !important; text-align: left;}
#gnb>ul>li>ul>li.active>a,
#gnb>ul>li>ul>li>ul>li.active>a    {font-weight: bold;}
#gnb>ul>li>ul>li a    {padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#gnb>ul>li>ul>li>a.has_child    {background-image: url(../images/icn_menu_arrow.png); background-repeat: no-repeat; background-position: right 7px center;}
#gnb>ul>li>ul li:last-child    {border-bottom: none;}
#gnb>ul>li>ul>li>ul    {display: none; position: absolute; left: 100%; top: -1px; background-color: #FFF;}
#gnb>ul>li>ul>li:hover>ul    {display: block;}

.gnb_dummy    {display: none; position: absolute; width: 100%; text-align: center; background-color: #FFF; z-index: 200;}
.gnb_dummy.fixed    {position: fixed;}
.gnb_dummy>div    {display: inline-block; vertical-align: top;}
.gnb_dummy>div>ul    {padding: 5px 0; border-top: none !important; text-align: left;}
.gnb_dummy>div>ul>li a    {display: block; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1px;}
.gnb_dummy>div>ul>li a:hover    {text-decoration: underline;}
.gnb_dummy>div>ul>li>ul>li>a    {font-size: 11px;}
.gnb_dummy>div>ul>li.active>a,
.gnb_dummy>div>ul>li>ul>li.active>a    {font-weight: bold;}
 

태그 연관 글
  1. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  2. [2020/01/31] 묻고답하기 2단메뉴 by ppumweb *2
  3. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  4. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  5. [2019/03/15] 포럼 웹 에이전시 디스케이션에서 레이아웃 템플릿 판매 개시했습니다. by 디스케이션 *2
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
thdwjdtjr 네이버 웹마스터도구에서 웹페이지 수집요청 문의 드립니다. [1] file 2016.08.22 by SimpleCode
살소리 분류미선택 글쓰기 가능한방법없나요? [2] 2016.08.21 by 살소리
LANDC 1.8.24 업데이트후 알림센터LITE 에러... 도와주세요 부탁드립니다. [2] 2016.08.21 by LANDC
미미미2 운영자가 회원한테 발송한 쪽지 취소할 수 없을까요? [2] 2016.08.21 by 미미미2
디카 위젯 질문 드립니다~ [2] file 2016.08.21 by 디카
페르미오스 member 관련 php 출력 고수님 좀 봐주세요 [1] 2016.08.21 by sejin7940
페르미오스 member_srls 이건 도대체 머죠? member_srl 은 디비에도 있어서 아는대 [2] 2016.08.21 by 페르미오스
초보자 관리자페이지 순방문자수 통계(그래프) 오류  
댑펑 외부 php 파일에서 logged_info 를 가져오려면 어떻게 해야 하나요..? [2] 2016.08.21 by 댑펑
가르송 사이트 반응형 제거 하는방법은.. [2] 2016.08.21 by 가르송
홍찬 유튜브(youtube) 모듈 모바일 스킨에서 재생이 안됩니다, file  
도토리맘 500 error 미국 1and1 호스팅 [1] 2016.08.20 by NOVCUBE
갤럭시탭 아이템 기능 문의 [1] 2016.08.20 by HowtoXE
야야야료 어떤레이아웃을 사용했는지 아시는분 계신가요? [2] 2016.08.20 by 야야야료
dupont 게시판에 글을 작성할때 db관련 오류 메시지가 뜹니다 [2] 2016.08.20 by 실로암
쭈박이 애드몹 관련 질문 드립니다!!  
kyurae 게시판 글 순서 변경 [3] 2016.08.19 by 쟈마쿤
가카 버추얼 호스트?관련인데 도와주세요... [3] 2016.08.19 by 불금
살소리 (추천>비추천시 이동)추천모듈 소스 수정관련 질문드립니다. file  
제로보드처음써요 xe폴더중에 cache파일을 삭제해도 문제가 없나요? [2] file 2016.08.19 by 기진곰
sd**** 암호화 전송 JS를 어디에 추가 하나요? [1] file 2016.08.19 by 기진곰
사계절 XE설치중 DB에 연결할수 없습니다란 오류가 뜹니다, 도와주세요. [5] file 2016.08.19 by 사계절
정음이 확장변수 합계 및 if 출력관련 질문입니다. [1] 2016.08.19 by 얄리뽀
이문이100 캐쉬충전 모듈 혹시 있을까요? [1] 2016.08.19 by 라자루스
기만1988 oops <- 이거 어디서 수정할 수 있을까요? ㅎㅎ [1] 2016.08.19 by sejin7940
갤럭시탭 분류를 관리자만 선택 가능하도록 못하나요? [1] 2016.08.19 by sejin7940
sd**** 로그인 정보에 이전접속 IP표기는 어떻게? [2] 2016.08.19 by sd****
그대사랑가을사랑 모바일에서 접속이 안돼요.  
verysery 레이아웃 추천부탁드릴께요~!  
핏빛노을 xe\files 폴더 권한이 nobody로 설정되어 삭제가 안됩니다. [3] 2016.08.19 by 그대사랑가을사랑