0

このテスト リンクでは、ヘッダーとメインのサイト ナビゲーションをブログ スクリプトの上部にインストールしようとしています。ドロップダウン メニューには、各ページ リンクの間に大きなギャップが表示されます。これは、同じコードを持つメイン サイトではこのようにレンダリングされません。ギャップを埋めるために何が必要ですか？

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

3 に答える 3

1

li padding bottom と li padding top があり、それらを削除しようとします(または、それらの1つを削除して、そのうちの1つのパディングを減らします)。また、divに同じクラスのdropnavがあり、それらの1つを別のクラスに変更してみてくださいそして、border-style: solid; を削除します。これで問題が解決するはずです。

于 2011-12-13T15:44:26.723 に答える
1

site_template.css の 169 行目に、次のルールがあります。

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

これを削除するか、次のようなものを使用してオーバーライドする必要があります。

.dropnav li  { padding: 0px; }
于 2011-12-13T15:49:47.933 に答える
0

style_template.css の 167 行目の li のパディングを削除します。

于 2011-12-13T15:45:23.667 に答える