Je voudrais faire flotter l'image dans div # rakshak à la droite de div # MainMenu. Comment puis-je fixer le css dans le site ci-dessousImage flottante vers la droite
[site supprimé]
Je voudrais faire flotter l'image dans div # rakshak à la droite de div # MainMenu. Comment puis-je fixer le css dans le site ci-dessousImage flottante vers la droite
[site supprimé]
Vous avez les flottants à la fois du menu principal div et rakshak div à droite.
Je vous suggère de changer soit le menu à flotteur gauche, ce qui résoudra le problème, sinon vous changer l'ordre du divs
Option 1
#MainMenu { float: left; clear: right; margin-right: -8px; margin-top: 42px; }
Option 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>
Vous devrez changer le style du menu principal:
#MainMenu { float: right; margin-right: 20px; margin-top: 42px; }
Merci. J'ai utilisé l'option 2 :) – arjunurs
changer la position de Rakshak et mainmenu ou flotteur gauche du menu principal
Substituer leur place en html (div # Rakshak devrait être ci-dessus div # MainMenu en html), supprimer clear: à droite de div # MainMenu et si vous voulez augmenter sa marge-juste au-dessus de 0 (ma suggestion est 10px).
Modifiez le flottant à gauche sur #MainMenu. Vous devrez peut-être jouer un peu, mais vous devriez avoir l'idée. –
@apurv Juste au cas où vous ne l'auriez pas remarqué .. Le pot d'encre est coupé par l'en-tête et le pied de page lorsque vous faites défiler vers le haut et vers le bas. – Playmaker
Merci @Playmaker. Je suis conscient de cela et essayé de le réparer en utilisant z-index. Cependant, cela n'a pas résolu le problème. – arjunurs