メインサイトナビゲーションブログのスクリプトとの衝突CSS

Question

www.test.webitry.netはメインサイトと統合するためにブログスクリプトにインストールしたメインサイトのナビゲーションとヘッダーです。メインサイトのナビゲーションは、リンクを通過する白線によって妨害されており、ロールオーバーにも影響しています。添付の画像を参照してください。

このクラッシュの原因は何ですか？

Answer 1

あなたはブレークタグ（< BRスタイル=「クリア：両方」/ >）を持っていることは、不正な形式のHTMLだと行うべきではありません（<オール>）順序付きリストタグ内。 <ol>タグ内にある唯一のタグは、<li>タグです。あなたが白線をしたくない場合は

が...ここにものborder-bottomを削除

.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 */ 
}