묻고답하기

캡처_2017년 2월 2일 목요일 20시 49분 56초.png

캡처_2017년 2월 2일 목요일 20시 49분 59초.png

사진보시듯이

RESERVATION에 마우스를 갓다대니깐


캡처_2017년 2월 2일 목요일 20시 46분 51초.png

 

캡처_2017년 2월 2일 목요일 20시 46분 52초.png

이렇게 확장이 됩니다.

확장을 안시키려는 이유는 글자 Hover 할 시 글자밑에만 밑줄이 생기게 하고,

글자를 클릭했을때만 url 이동 하기 위함 인데, 

RESERVATION이 Hover되면 빈공간이 생기면서 확장되고

빈공간에 마우스를 갓다대면 밑줄은 안생기고 주소이동은 됩니다.

 

제가 하고싶은건 캡처_2017년 2월 2일 목요일 20시 46분 52초.png

Hover 상태가

캡처_2017년 2월 2일 목요일 20시 46분 51초.png

이렇게 계속 유지되도록 하는것 입니다..

 

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%;}

 

태그 연관 글
  1. [2021/07/20] 묻고답하기 사이트맵에서 클릭시 새창열기로 가능한가요? by Alexander *2
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2020/01/31] 묻고답하기 2단메뉴 by ppumweb *2
  4. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
  5. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
Alexander 사이트맵에서 클릭시 새창열기로 가능한가요? [2] 2021.07.28 by Alexander
Spooky 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. [1] 2019.03.29 by Spooky
립샤 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 [1] 2018.10.15 by 르미
예스24 레이아웃 수정 좀 봐주세요 [2] file 2017.08.24 by 예스24
유자 메뉴바하고 이미지를 중앙에 고정하고싶어요.  
외도랑 게시판리스트 분류이동버튼 문의드립니다 [2] file 2017.03.02 by 외도랑
홍찬 2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요? [1] file 2017.02.03 by DoorWeb
다함께 DB Table 생성을 해야 설치가 완료됩니다. file  
우케케 게시판 목록 간격 설정을 어떻게 하나요 [2] file 2016.12.08 by 우케케
94blossom 검색부분을 가운데로 하고싶은데요 어떻게 하는 건가요? [1] file 2016.08.02 by 라자루스
홍찬 메인 메뉴 크기 정렬 CSS 수정 방법 [1] file 2016.05.07 by DoorWeb
kdy element.style 문구 수정 [3] file 2016.01.24 by 불금
스파모 로그인후 정보 표시 바꾸고 싶은데 도와주세요 [2] file 2015.12.14 by 스파모
GELEE 모바일 레이아웃에서 상단 로고 클릭시 홈으로 이동하지 않는 문제 [2] file 2015.12.09 by GELEE
thdwjdtjr 메뉴바를 길게하고자 합니다 [1] file 2015.11.25 by DoorWeb
ING 게시판 아이콘 정렬 [1] file 2015.10.16 by 키스투엑스이
Ystory 서브메뉴 세로에서 가로로 이동 하는 방법. file  
더블엠씨 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ [9] file 2015.07.31 by 더블엠씨
boy2 jQuery 질문  
초옹무 메인메뉴 가운데 정렬 문으 드립니다. [2] 2015.07.13 by 초옹무