묻고답하기

현재 메인메뉴에 마우스 오버시 나타나는 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 남기남
허허길드짱 특권시스템이라는 모듈에서 검색기능은 어떻게 넣을수 있는지 아시나요?  
에이치오 {$contents} 내용 수정을 어떻게 하나요? [6] 2016.07.19 by 에이치오
AvAtAr 글등록버튼과 삭제버튼 클릭시 권한 체크 하는 로직이 어떤 함수인지요 [1] file 2016.07.19 by sejin7940
thdwjdtjr 포인트 "회원포인트목록"에서 나오는 회원 나오지 않는 회원 [1] 2016.07.19 by sejin7940
사업가 스케치북 FAQ 게시판에서 제목클릭시 답변글이 안보여요 [1] 2016.07.19 by 사업가
wo**** 관리자 메일 수신 시 메일내용이 깨집니다. [1] 2016.07.18 by 기진곰
바오밥나무 스마트폰 홈페이지 사진연동 기능 [2] 2016.07.18 by SimpleCode
왕킥굳킥 element.style 수정 어캐하나요 [2] 2016.07.18 by 왕킥굳킥
saramjh 윈도우 아파치 서버과부하 [2] 2016.07.18 by 불금
벼뤼총총 게시판에 별도 업로드파일 [4] 2016.07.18 by 벼뤼총총
rlath4 이미지 비율 관해 문의드립니다 [2] 2016.07.18 by rlath4
생컨38889 휴지통비우기가 먹통입니다.. [1] file 2016.07.18 by Luatic™
코델리아 저작권 관련 문의 [2] 2016.07.18 by 워프101
차나왕 쉬운설치 설치후 생성 초보자입니다. [3] 2016.07.17 by 댑펑
SpeaC 게시판 확장변수 날짜에서 오늘날짜+3일 까지 선택안되게 하기..  
댑펑 사이트 속도 문제에 대해.. 관리자만 느린 현상  
Reboot 로그인 전,후 GNB 메뉴 다르게 보이게 하기  
스카이즈 플래닛 모듈 날짜 표현 방식? [2] 2016.07.17 by 스카이즈
홈런볼11 태그 입력 항목 삭제하기 [2] 2016.07.17 by 홈런볼11
스카이즈 하나의 XE계정으로 여러 사이트에서 로그인 할 수 있는 방법이 없을까요? [1] 2016.07.17 by sejin7940
frankman XE 오프라인에서 운영 가능 합니까?? [2] 2016.07.17 by frankman
odi+good 비밀글 (로그인한 사람만 볼 수 있는 글)을 웹문서에 노출(크롤링) 하게 하려면 어떻게 해야할까요? [1] 2016.07.17 by sejin7940
caras xe 설치과정 중에 404 Not Found 에러가 발생합니다. [3] 2016.07.17 by KannaOnline
차나왕 FTP 업로드 레이아웃 설정했는데 깨지는 이유가 뭘까요? [4] file 2016.07.16 by 차나왕
후밍 게시판 기본 글자색 변경 어떻게 해야하나요 [2] file 2016.07.16 by 후밍
김병화 위젯안의 글자크기만 조절하고싶은데요  
이연훈 사이트맵 별 GNB 변경 [1] file 2016.07.16 by sejin7940
옛신앙 스마트폰 삼성 갤럭시 S 3에서 메뉴가 안열리는 이유가 무엇인지요? [2] 2016.07.16 by 옛신앙
재형은채맘 SSL 적용후 썸네일 생성이 안됩니다. [2] file 2016.07.16 by 재형은채맘
마이미2 2차 메뉴를 가로로 나타나게 하려고 합니다. [2] 2016.07.15 by 마이미2