드롭 다운 내비게이션의 갭 폭

Question

이 Test Link에서 블로그 스크립트 상단에 헤더 및 기본 사이트 탐색 기능을 설치하려고합니다. 드롭 다운 메뉴에는 각 페이지 링크 사이에 넓은 틈이 나타납니다! 동일한 코드를 가진 메인 사이트에서 이렇게 렌더링되지 않습니다! 틈을 막기 위해 필요한 것은 무엇입니까?

dropnav 스타일은 다음과 같이이다 :

/*////////////////STYLING TO DROPDOWN MENU//////////////////////*/ 

.dropnav li ol { 
     display: none; 
     width: 13em; } /*Define width of dropdown button*/ 
.dropnav li:hover ol { 
     display: block; 
     position: absolute; 
     margin: 0; 
     padding: 0; } 
.dropnav li:hover li { 
     float: none; } 
.dropnav li:hover li a { 
     background-color: #3b3b44;  /*Navigation Active Background*/ 
     border-bottom: 1px solid #ccf; 
     border-top: 1px solid #ccf; 
     border-right: 1px solid #ccf; 
     border-left: 1px solid #ccf; 
     font-size: 16px; 
     color: #fff; }    /*Text Color*/ 
.dropnav li li a:hover { 
     color: #000; 
     background-color: #8db3ff; /*Navigation Hover Background*/ 
} 

Answer 1

당신이 리 패딩 바닥 리 패딩 상단을 제거하려고 (또는 그 중 하나를 제거하고 그 중 하나 패딩을 감소)을 가지고 있고 또한이 같은이 div와 class의 dropnav 클래스 중 하나를 다른 클래스로 변경하고 border-style을 제거해보십시오. 이 문제가 해결되어야합니다. 당신이 중 하나가이를 제거하거나 재정의 할 필요가

li { 
    padding-bottom: 2px; 
    padding-top: 2px; 
} 

:

Answer 2

라인 site_template.css 169에 style_template.css

Answer 3

의 라인 167에 리튬에 패딩을 제거,이 규칙이 같은 것을 사용 :

.dropnav li { padding: 0px; }