主站点导航与博客脚本冲突CSS

Question

在www.test.webitry.net是我已经安装到博客脚本上的主站点导航和标题，以便将其与主站点集成。主站点导航正在通过链接穿过白线，这也影响了翻车。见附图。

什么可能导致这种冲突？

Answer 1

你有一个突破标签（< BR风格=“明确：既”/>）有序列表标签（<OL>）这是畸形的HTML和不应该做的里面。应该在<ol>标签内的唯一标签是<li>标签。

尝试在这里卸下底部边框，以及...

.nav ol { 
list-style: none; 
width: 950px; 
margin: 0 auto; 
padding: 0; 
padding: 0;  /* <----- you can also remove this line since it's a duplicate */ 
background-color: #3b3b44; 
border-top: 1px solid #ccf; 
border-bottom: 1px solid #ccf; /* <---- remove this line */ 
} 

如果你不想白线做的，它不应该是在CSS。

此外，您已将所有链接样式化为底部边框，您可能需要专门为导航链接设置该属性，以便不会“拾取”一般锚定属性。

.nav li a { 
display: block; 
padding: 2px 20px; 
text-decoration: none; 
font-family: Helvetica, arial, sans-serif; 
font-size: 16px; 
font-weight: bold; 
color: #fff; 
border-right: 1px solid #ccf; 
border-bottom: none; /* <------------ add this line */ 
}