0

このサイトを参照してください http://www.lovinmybags.co/ プライマリ メニューには、このコードで全幅の背景があります。

#PrimaryMenu > ul > li.ActivePage > a {
    color: #ffffff;
    font: normal 0.80em Verdana, Verdana, Geneva, sans-serif;
    background-color: #222222;
    font-weight: bold;
}

しかし、#FooterMenu に同じコードを使用すると、背景はかなり小さくなります。また、製品ページの背景がアクティブではありません。誰か助けてください。

4

2 に答える 2

0 
#PrimaryMenu > ul > li.ActivePage > a:hover {
color: #ffffff;
font: normal 0.80em Verdana, Verdana, Geneva, sans-serif;
background-color: #222222;
font-weight: bold;
padding-bottom: 13px; /*New*/

}
于 2013-06-22T07:09:08.570 に答える
0

次の CSS ルールaで要素に追加します。#FooterMenu

#FooterMenu > ul > li.ActivePage > a { 
   padding: 13px;
   margin: 0;
}

padding-top値は 14pxの場合もあります。選んで。

ProductsページにアクセスしたときにProductsアイテムがアクティブであることを確認したい場合は.ActivePage、li要素に追加するだけです。以下のコードを参照してください。

<!-- The rest of your content -->
    <li class="HasSubMenu ActivePage">
     <a href="/categories.php"><span>Products</span></a>
<!-- The rest of your content -->

.ActivePageクラスをli#FooterMenu 要素の内側に追加する必要があることに注意してください。

乾杯、レオナルド

于 2013-06-22T06:22:44.267 に答える