테스트 사이트 - 개발 중인 베타 버전입니다

메인메뉴 사이 간격 조정 채택완료

은빛여전사 7년 전 조회 3,110

 

위 사진처럼.. 메뉴와 메뉴 사이의 간격을 없애고 싶은데.. 
이것저것 만져봐도... 안없어지네요.. ㅠㅠ

그누보드 기본 메뉴를 수정중에 있습니다..

 

알려주세요 ㅠㅠㅠ

 

아래는 메뉴관련 현재 css 입니다.

 

</p>

<p>#gnb{position:relative}

#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}

#gnb .gnb_wrap{margin:0 auto;width:100%;position:relative}

#gnb #gnb_1dul {text-align:center;font-size:1.75em;padding: 0 ;background:#253dbe;  border-top:1px solid  #64FFE4;/* 글씨 크기 */

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);

-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3);

box-shadow: 0 1px 3px rgba(0,0,0,0.3)}

#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}

#gnb .gnb_1dli{line-height:55px;padding: 0 100px;position:relative;display:inline-block;  border-left:1px solid  #64FFE4; border-right:1px solid  #64FFE4}/* 메뉴 가로크기 */

#gnb .gnb_1dli:hover{background:#1a30a7;

-webkit-transition: background-color 4s ease-out;

-moz-transition: background-color 0.6s ease-out;

-o-transition: background-color 0.6s ease-out;

transition: background-color 0.6s ease-out;}</p>

<p>.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px;}

.gnb_1da {display:inline-block;color:#fff;text-decoration:none;}/* 메인메뉴 글씨 색 */

.gnb_2dli{border-top:1px solid #fff}/*다운메뉴 테두리  */

.gnb_2dli:first-child{border:0}

.gnb_2dul {display:none;position:absolute;top:55px;min-width:283.5px;background:#fff;padding: 0px;/*  다운매뉴 가로폭, 메뉴 높이, 마우스오버 크기, 등 */

-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);

-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);

box-shadow: 0 1px 5px rgba(0,0,0,0.1);}

.gnb_2da {display:block;padding:0 55px;line-height:40px;color:#000000;text-align:left;text-decoration:none}/*  다운매뉴 위치, 다운메뉴 글씨, 등 */

a.gnb_2da:hover{background:#0e2080;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;}</p>

<p>.gnb_1dli_air .gnb_2da {}

.gnb_1dli_on .gnb_2da {}

.gnb_2da:focus, .gnb_2da:hover {color:#fff}

.gnb_1dli_over .gnb_2dul {display:block;left:0}

.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}

.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}

.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}</p>

<p>#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px}

#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0}

#gnb .gnb_mnal{padding:0}</p>

<p>#gnb_all{display:none;position:absolute;width:100%;z-index:99;}

#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}

#gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px;

-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);

-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2);

box-shadow: 0 2px 5px rgba(0,0,0,0.2);}

#gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px }

#gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071}

#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}

#gnb_all .gnb_al_li li i{color:#9ca6cc}

#gnb_all .gnb_al_li li a{color:#555}</p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
s
sinbi Expert
7년 전

크롬으로 접속해 해당 요소에 마우스 커서 찍고 선택자 위치를 알아내세요.

해당 선택자에 대해서 스타일 제일 마지막 부분에 새로 재정의 하세요.

찾은 선택자 {margin:0}

 

혹시, 말 안 들으면, !important 붙여주세요.

찾은 선택자 {margin:0 !important}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

은빛여전사
7년 전
안됩니다 ㅠㅠ 혹시나해서.. 관련 모든 줄에 추가해 봣느데두 변함이 없네요 ㅠ
s
sinbi
7년 전
증상이 있는 페이지 좌표를 남겨보세요.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인