묻고답하기

캡처_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 남기남
가입명 footer 하단에 고정하려면 어딜 수정해야 할까요?  
Spooky 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. [1] 2019.03.29 by Spooky
BarryWhite XE 모바일 게시판 스킨 색상 변경, 어떻게 하죠? [2] 2019.03.23 by BarryWhite
LeeMark XE코어 첫 다운로드 이후에 'HTTP ERROR 500' 에러가 납니다. [2] 2018.11.26 by 기진곰
lun**** 레이아웃 설치 후 게시판에러 file  
rusaka**** 레이아웃 및 문서페이지 스킨 설치안됨  
쇼퍼 php 5.16 php 5.2 이상으로 업데이트하기  
홍찬 2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요? [1] file 2017.02.03 by DoorWeb
홍찬 hover 했을시 다른 class 동작 하는 css [3] 2017.02.02 by HowtoXE
흑사탕 인덱스 배경 링크 걸기 [4] 2016.08.04 by 흑사탕
94blossom 검색부분을 가운데로 하고싶은데요 어떻게 하는 건가요? [1] file 2016.08.02 by 라자루스
kara**** 스마트폰에서 스크롤 탑버튼 고정에 관하여 질문해요. [2] 2016.07.06 by kara****
흑사탕 footer 고정 [8] 2016.06.14 by 흑사탕
반걸 레이아웃 메뉴에서 바로가기로 엮인 2차메뉴 효과주기 [2] 2016.01.31 by 새벽들녁
키스미베이베 메뉴 만들기좀 도와주세요 [2] file 2015.11.26 by 키스미베이베
soonh81 글작성자의 최신글 보여주기 문제..  
myr 게시판 생성부터 나모로 삽입하는 과정까지 알려주세요 ㅠㅠ  
gaowl 쪽지 보낼 때 입력폼에서 글씨색 변경하는 법 좀 알려주세요 ㅠㅠ [1] 2015.10.08 by mindpainter
young 화제의글 적용 문의... [3] file 2015.09.03 by flowerrain
young 화제의 글 적용이 안됩니다.. file