묻고답하기

현재 메인메뉴에 마우스 오버시 나타나는 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/01/31] 묻고답하기 2단메뉴 by ppumweb *2
  2. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  3. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  4. [2019/03/15] 포럼 웹 에이전시 디스케이션에서 레이아웃 템플릿 판매 개시했습니다. by 디스케이션 *2
  5. [2019/01/24] 묻고답하기 j_maltese_login 로그인 관련 문제입니다. by 눈물꽃
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
몽니 글 작성시 html 태그 칸 어떻게 안보이게 하죠? [1] file 2016.07.22 by Ansi™
xe사용자권한 메인페이지 저장이안됩니다! 도와주세요 ㅠㅠㅠㅠㅠㅠㅠ [1] 2016.07.22 by 휘즈
김병화 세션정리가뭔가요? [1] 2016.07.22 by 휘즈
starship 게시판 스킨 수정 [4] 2016.07.21 by starship
미미미2 대시보드 순방문자에서 괄호는 뭘 뜻하나요? [1] 2016.07.21 by SimpleCode
롤롤롤롤 네이버 웹마스터도구 사용하시나요?  
똑디 파일 첨부시 이미지 용량 줄이기... [4] 2016.07.21 by 보기사랑
미니 Sweet Mobile 위젯 스타일 제목에 링크 file  
김창우 .htaccess ip 문제 질문드립니다  
jun0214 모바일 회원 아이콘이 안나오는 문제 file  
winterpia 관리자 페이지의 회원목록을 들어가면 최근 가입한 회원이 먼저 나오지 않습니다  
saramjh sejin7940님의 파일업로더에디터의 업로드부분 [3] 2016.07.20 by saramjh
글쎄나는 마켓플레이스 내용수정기능 어려울까요? [1] 2016.07.20 by 멍멍
Kevinatvn 서버 parsing 찌꺼기..및 클린업 [1] 2016.07.20 by SimpleCode
KTK xe_document_voted_log 부분 초기화 쿼리문 질문. [4] 2016.07.20 by 풀네임80
크레이지본 원격설치는지원하지않나요?  
woohwa99 오류 어떻게 수정할수 있을까요? [3] 2016.07.20 by woohwa99
허허길드짱 모듈수정 문의드려요~  
신비리 mysql - 데이터가 mysql에 불러올 때와 웹으로 출력 할 때 값이 다릅니다. [2] 2016.07.19 by 신비리
초보에염 ssl 설치시 개인키 및 csr 위치 [4] 2016.07.19 by 기진곰
AvAtAr 댓글 삭제시 권한체크 하는 로직이 어디인지 궁금합니다. [2] 2016.07.19 by AvAtAr
ting 파일설치....  
thdwjdtjr 급))) 문의 드립니다... 포인트가 이상합니다.  
다리44 iframe 이 않됩니다 [12] 2016.07.19 by 기진곰
harry77 설치시 퍼미션 에러 도와주세요 [1] 2016.07.19 by 코델리아
코델리아 모바일 관련 문의 드립니다. file  
멍멍 category_srl 질문입니다 [3] 2016.07.19 by 멍멍
기억속으로 안녕하세요. 크리에이티브 링크 효과 _ㅁ_ 문의합니다. 이런거 되나요? [3] 2016.07.19 by 라자루스
덥붜 중고마켓 모듈 수정 file  
에이치오 [파일 올리기]버튼 문구 변경하고 싶습니다.