1

マージントップのあるドロップダウンメニューに取り組んでいます。問題は、マウスをliからドロップダウンに移動すると、マウスが閉じることです。どうすればマージントップで動作させることができますか？

http://jsfiddle.net/wGzj8/8/

私の実際のデザインから：

落ちる

私はこの解決策を試しました：CSS3ドロップダウンメニューで（上）マージンを使用する方法は？、しかしそれは私のulの下の画像を下に移動します（ "O fakulteti"）。

助けてください。

4

4 に答える 4

0

これはあなたを助けるはずです：http：//jsfiddle.net/seyfollahi/qwL8P/

に高さを追加：#header_glavni_meni ul li .header_glavni_a {}

マージントップを変更します： #header_glavni_meni ul li ul {}

于 2012-06-15T00:24:34.637 に答える
0

margin-bottomセレクターに次のコードを追加します。

#header_glavni_meni ul li .header_glavni_a {
  margin-bottom:10px;
}
于 2012-06-14T23:07:38.403 に答える
0

サブメニューを余分にラップするとどうなります<div>か？これは、ネストされた場合と同じスタイルではなく、スタイルを<div>持つ必要があります。margin-top: 4pxul

<li>
    <div class="header_meni_crta"></div>
    <a class="header_glavni_a">O fakulteti</a>
    <div style="margin-top: 4px;">
        <ul style="display: none;" class="dropdown_levo" style="margin-top: 0;">
            <li><a href="#">Vizitka</a></li>
            <li><a href="#">Vodstvo</a></li>
            <li><a href="#">Organi</a></li>
            <li><a href="#">Zaposleni</a></li>
            <li><a href="#">Organiziranost in enote</a></li>
            <li><a href="#">Akti in pravilniki</a></li>
        </ul>
    </div>
</li>

デモ：http： //jsfiddle.net/wGzj8/18/

于 2012-06-14T23:09:37.883 に答える
0

トップレベルのリスト要素を少し高くして、問題の原因となっているマージン間の領域と重なるようにします。これを実現するために、4pxの下部パディングを追加できます。ここでフィドルを更新しました：http：//jsfiddle.net/wGzj8/22/

于 2012-06-14T23:46:48.290 に答える