묻고답하기

캡처_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 남기남
hellosamyoo 소셜XE 좀더 쉬게 인터페이스 불가능할까요? [1] 2011.03.05
이우영913 회원가입 위젯 작동이안되요ㅠ  
sachiharu 위젯 페이지에서 페이지 수정 클릭시 Parse error가 뜹니다  
스물일곱개의당근 z-index 가 안먹히는 이유가 무엇일까요? (사진첨부) [3] file 2015.04.09 by BJ람보
flowerrain 자바스크립트 메뉴(dtree.js) 문의드립니다. file  
티코GT css에서 정렬은 어떻게 해야하나요? [1] 2015.04.16 by 부산민지아빠
마르팅 위젯 추가/수정 오류~!!!!  
큰성565 레이아웃 디자인과 이미지 리사이즈 관련된 질문 [5] 2015.05.09 by 큰성565
루트엘 ul li을 inline 상태로 둔 상황에서 submit input 위치 질문 [2] file 2015.05.19 by 루트엘
hellosam 고수님들, 잘 접속되던 XE 사이트가 404에러나 당황, 도와주세요! [15] file 2015.06.29 by hellosam
열쇠53865 인용구 콤포넌트에 대해서 질문이 있습니다.  
땀모 글쓰기에서 확장변수 내용작성할때 본문에 저절로 입력되게 할 수 있나요? [2] file 2015.07.14 by 땀모
더블엠씨 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ [9] file 2015.07.31 by 더블엠씨
young 화제의 글 적용이 안됩니다.. file  
young 화제의글 적용 문의... [3] file 2015.09.03 by flowerrain
gaowl 쪽지 보낼 때 입력폼에서 글씨색 변경하는 법 좀 알려주세요 ㅠㅠ [1] 2015.10.08 by mindpainter
myr 게시판 생성부터 나모로 삽입하는 과정까지 알려주세요 ㅠㅠ  
soonh81 글작성자의 최신글 보여주기 문제..  
키스미베이베 메뉴 만들기좀 도와주세요 [2] file 2015.11.26 by 키스미베이베
반걸 레이아웃 메뉴에서 바로가기로 엮인 2차메뉴 효과주기 [2] 2016.01.31 by 새벽들녁