-1

div#MainMenu の右側にある div#rakshak の画像をフロートさせたいと思います。以下のサイトのcssを修正するにはどうすればよいですか

【削除されたサイト】

4

3 に答える 3

2

それらの場所を html に置き換え (div#rakshak は html の div#MainMenu の上にある必要があります)、div#MainMenu から clear:right を削除し、必要に応じてそのマージンを 0 より上に増やします (私の提案は 10px です)。

于 2012-06-16T09:19:34.510 に答える
1

メイン メニュー div と rakshak div の両方のフロートが右に設定されています。

メニューを左にフロートするように変更することをお勧めします。これにより問題が解決します。それ以外の場合は、div の順序を変更します。

オプション1

＃メインメニュー {
フロート: 左;
クリア: 右;
マージン右: -8px;
マージントップ: 42px;
}

オプション 2

<div id="MainHeader" class="pageWrapper clearfix">
                <h1 id="Logo"><a href="http://www.gauravgatha.org">    <img src="http://www.gauravgatha.org/wp-content/uploads/2012/05/logo.png" alt="Gaurav Gatha" width="140" height="40"></a></h1>
<div id="rakshak" style="clear: right;float:right; margin-top:35px;">
                        <a href="http://www.rakshakfoundation.org"><img src="http://www.gauravgatha.org/wp-content/themes/parallelus-salutation/assets/images/rakshak.png"></a>
                    </div>


                <div id="MainMenu">
                    <div class="inner-1">
                        <div class="inner-2">
                            <nav>

                                <div id="MM" class="slideMenu">
                                    <ul id="menu-main-menu" class="menu"><li id="menu-item-3552" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-3552"><a href="http://www.gauravgatha.org">Home</a></li>
<li id="menu-item-3554" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3554" style="z-index: 300; "><a href="#" class="hasSubMenu">Contest<span class="subDown"></span></a>
<ul class="sub-menu" style="top: 31px; display: none; visibility: visible; ">
    <li id="menu-item-3553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3553"><a href="http://www.gauravgatha.org/contest/rules/">Rules and Regulations</a></li>
    <li id="menu-item-3555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3555"><a href="http://www.gauravgatha.org/contest/judging-criteria/">Judging Criteria</a></li>
    <li id="menu-item-3556" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3556"><a href="http://www.gauravgatha.org/contest/the-jury/">The Jury</a></li>
    <li id="menu-item-3557" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3557"><a href="http://www.gauravgatha.org/contest/rules/">Rules and Regulations</a></li>
    <li id="menu-item-3558" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3558"><a href="http://www.gauravgatha.org/contest/important-dates/">Important Dates</a></li>
</ul>
</li>
<li id="menu-item-3559" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3559"><a href="#">Participate</a></li>
<li id="menu-item-3560" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3560"><a href="http://www.gauravgatha.org/faqs/">FAQs</a></li>
<li id="menu-item-3561" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3561"><a href="http://www.gauravgatha.org/contact/">Contact Us</a></li>
<li id="menu-item-3563" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3563"><a href="http://www.rakshakfoundation.org/poem/" onclick="javascript:_gaq.push(['_trackEvent','outbound-menu','http://www.rakshakfoundation.org']);">Last Year Entries</a></li>
</ul>                                           <div style="clear:left"></div>
                                </div>

                            </nav>
                        </div>
                    </div>
                </div>



            </div>

メインメニューのスタイルを変更する必要があります:

＃メインメニュー {
フロート: 右;
マージン右: 20px;
マージントップ: 42px;
}
于 2012-06-16T09:50:05.343 に答える
0

ラクシャクとメインメニューの位置を変更するか、メインメニューの左にフロートします

于 2012-06-16T09:14:38.820 に答える