묻고답하기

캡처_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 남기남
hongskim 스팸글 삭제  
하시아 SCM Music Player 문제점 문의 드립니다  
홍찬 2차 메뉴 열릴시 1차 메뉴 크기확장 안되게 하려면 어떻게 해야할까요? [1] file 2017.02.03 by DoorWeb
박근선 이 페이지의 경로를 알고 싶습니다 [2] file 2017.02.03 by 박근선
영신 회원가입 설정메뉴가 사라졌나요? [1] 2017.02.03 by sejin7940
cherrypower XE 패치하는 방법 좀 부탁드립니다. [2] 2017.02.03 by cherrypower
jesusismylord 스케치북 게시판 웹진형 사용중인데 섬네일이 안뜹니다 ㅜㅜ 계속 썸네일 잘 사용하고 있었어요. [1] file 2017.02.03 by 한돌(漢湥)
yoonsick**** 페이지 수정 버튼을 누르면 흰 바탕만 나오는 경우  
이쩡2 도움 요청드립니다[사례합니다] [6] 2017.02.03 by BRANDYK
김범진 누리고 쇼핑몰에서 마일리지랑 적립금 부분입니다. 꼭 읽어주십쇼 [1] 2017.02.03 by sejin7940
하시아 회원가입이 안됩니다 [1] 2017.02.03 by sejin7940
자유비행 홈피 로그인이 갑자기 되지않습니다. [6] file 2017.02.02 by 자유비행
j0yrid3 업로드기능이 활성화가 아예 안됩니다 ㅠㅠ file  
대박필승 공지사항 상세화면 한글깨짐. [1] file 2017.02.02 by 펭구
국민거풍박풍기 관리자페이지 쉬운설치 메뉴항목 삭제 할수있을까요? [4] 2017.02.02 by 국민거풍박풍기
PLS (xedition 수정 레이아웃) 메뉴 클릭시 같은 페이지내로 이동하는 방법 [3] 2017.02.02 by PLS
마꼬꼬 Nginx에서 특정 url만 https 적용을 안시킬 수 있나요?  
haupt XEDITION 레이아웃에 welcome_main.html 추가하는 방법이 궁금합니다. [1] 2017.02.02 by HowtoXE
홍찬 hover 했을시 다른 class 동작 하는 css [3] 2017.02.02 by HowtoXE
지랭 영문홈페이지 제작할 때 문의점 [2] 2017.02.02 by 지랭
아이에스 최초 설치후 관리자 로그인이 안됩니다. [1] 2017.02.02 by 아이에스
DJ.RDM 다국어 페이지 URL분리 관련 질문입니다 [2] file 2017.02.02 by DJ.RDM
하시아 메뉴 클릭 및 마우스선택시 변경되는 색상 수정하는법 좀 알려주세요 [1] file 2017.02.02 by 제이와이엔소프트
카스터 사이트맵 추가가 안되며 기존 메뉴도 안뜹니다. - 완료 file  
핫센 최근 버전에서 사이트맵(메뉴)를 클릭하면 하얀 공백만 나옵니다. [3] 2017.02.02 by 카스터
쵸코우유 FTP상의 admin계정 DB 생성 방법이 있나요? [1] 2017.02.02 by sejin7940
비둘기 제발 도와주세여ㅠㅠ 게시판 분류ㅠㅠㅠ [1] file 2017.02.02 by 제이와이엔소프트
h2y_07 홈페이지 탭 바꾸기 [1] file 2017.02.02 by 제이와이엔소프트
해피니스 백그라운드에 이미지가 모니터 중앙에 나오게 하려먼 어떻게 해야 하나요? [4] 2017.02.02 by 해피니스
서기에요 게시물 밀림현상 file