下拉导航中的间隙宽度

在此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

下拉导航中的间隙宽度

回答

相关问题