묻고답하기
2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요?
2017.02.02 20:52
사진보시듯이
RESERVATION에 마우스를 갓다대니깐
이렇게 확장이 됩니다.
확장을 안시키려는 이유는 글자 Hover 할 시 글자밑에만 밑줄이 생기게 하고,
글자를 클릭했을때만 url 이동 하기 위함 인데,
RESERVATION이 Hover되면 빈공간이 생기면서 확장되고
빈공간에 마우스를 갓다대면 밑줄은 안생기고 주소이동은 됩니다.
제가 하고싶은건
Hover 상태가
이렇게 계속 유지되도록 하는것 입니다..
http://jennyshome.kr/ 여기 들어가보시면 이해 되실겁니다.
<해당 CSS>
#gnb_wrp {border-bottom: 1px solid #fff;margin: 35px auto 0}
#gnb_wrp div {width: 980px;}
#gnb {padding:0px;margin:0px;line-height:46px;display:flex;width:100%;}
#gnb li {position:relative;list-style:none;padding:0px;margin:0px;}
#gnb > li {margin:20px auto;float:left;z-index: 40;border-right: 1px solid #fff; }
#gnb > li:first-child { border-left: 1px solid #fff; }
#gnb .li1 .on1 { font-weight:bold;background-color:#fff;color: #5a5a5a;text-shadow:0px 0px 2px #fff; -moz-box-shadow:inset 0 0 10px #fff;-webkit-box-shadow:inset 0 0 10px #fff;box-shadow:inset 0 0 10px #fff;text-decoration:none;}
#gnb .a1 { text-align:center; height:37px; display:block;font-size: 14.89px;position: relative; color: #2b2b2b;text-shadow:0 0 3px #EEE !important;-ms-transition:color .4s;-moz-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}
#gnb .a1:hover { display:block;background-color:#fff;color: #000;text-decoration: none; font-weight:bold;}
#gnb .me1{ display:inline-block;height:36px;}
#gnb .me1:hover { border-bottom-color: #787878; border-bottom-width: 1px; border-bottom-style: solid;}
#gnb ul { text-align:center;display:none;position:relative;padding:0;line-height:28px;background-color:#fff;border:1px solid #fff;margin-top:5px;}
#gnb ul li {padding:2px 5px;}
#gnb .ul2 a{display:inline-block;min-width:80px;padding:0 10px;text-decoration:none;white-space:nowrap;}
#gnb .ul2 .a2,#gnb .ul2 .a3 {color: #2b2b2b; font-size: 14px;border-radius:3px;-moz-transition:all .1s;-webkit-transition:all .1s;transition:all .1s}
#gnb .ul2 .a2:hover,#gnb .ul2 .a3:hover { background-color:#f1f1f1; color: #000;text-decoration: none;}
#gnb .ul2 .on .a2,#gnb .a3.on {background-color:#f1f1f1;color: #000;text-shadow:0px 0px 2px #c9c9c9; !important}
#gnb .ul3{top:-1px;left:100%;}
- [2021/07/20] 묻고답하기 사이트맵에서 클릭시 새창열기로 가능한가요? *2
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2020/01/31] 묻고답하기 2단메뉴 *2
- [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. *3
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
BEO | 슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다 [6] | 2022.06.17 by 인천한량 |
립샤 | 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 [1] | 2018.10.15 by 르미 |
홍찬 | 2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요? [1] | 2017.02.03 by DoorWeb |
홍찬 | hover 했을시 다른 class 동작 하는 css [3] | 2017.02.02 by HowtoXE |
마이미2 | 2차 메뉴를 가로로 나타나게 하려고 합니다. [2] | 2016.07.15 by 마이미2 |
홍찬 | 메인 메뉴 크기 정렬 CSS 수정 방법 [1] | 2016.05.07 by DoorWeb |
초옹무 | 메인메뉴 가운데 정렬 문으 드립니다. [2] | 2015.07.13 by 초옹무 |
동그라 | 제발 도와주세요ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ [6] | 2015.04.27 by 동그라 |
스물일곱개의당근 | z-index 가 안먹히는 이유가 무엇일까요? (사진첨부) [3] | 2015.04.09 by BJ람보 |
몽그린 | 슬라이더가 아래에 깔리고 gnb가 위에 뜬 레이아웃 [1] | 2015.02.17 by DoorWeb |
오쏭 | xe 메인메뉴 2차3차 펼쳐지는 것에 관해서 질문드립니다. [3] | 2015.02.12 by 몽그린 |
#gnb > li {margin:20px auto;float:left;z-index: 40;border-right: 1px solid#fff; }
#gnb > li:first-child { border-left: 1px solid#fff; }
이 부분을
#gnb > li {margin:20px 0;float:left;z-index: 40;width:16.66666%}
#gnb > li:first-child { border-left: 0 }
이렇게 한번 해 보세요.