主站點導航與博客腳本衝突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 */ 
}