下拉導航中的間隙寬度

在此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*/ 
}

來源

2011-12-13 Webiter

你有李填充底部和李填充頂部嘗試將其移除（或刪除或減小填充爲其中之一），你也有同樣的類的dropnav爲div和ol也嘗試改變其中一個不同的類，並刪除邊框樣式：固體;這應該解決你的問題。

來源

2011-12-13 15:44:26 Kishore

上style_template.css

來源

2011-12-13 15:45:23 ptriek

的167行裏取出填充線site_template.css的169，你有這樣的規則：

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

您需要取出這一點，或將其覆蓋使用類似的東西：

.dropnav li { padding: 0px; }

來源

2011-12-13 15:49:47

下拉導航中的間隙寬度

回答

相關問題