html5 - Aligning the bottoms of an img (float:left) and a nav (right:float) -

-

case: want 'main menu div'. needs logo on left, , horizontal nav bar on right.

.mainmenu {  	  }    #logo {  	float:left;  }    .menu {      float:right;  	text-align:right;  }    .menu ul {  	list-style: none;    	padding:0;  	margin:0;  }    .menu ul li {  	display:inline;  	padding:1em;  }
<div class="mainmenu clearfix">	    		<div id="logo">  			<a href="home.html"><img src="img/logo.png"></a>  		</div>  		  		<div class="menu">  			<nav>  				<ul>  				  <li><a href="wat.html">what</a></li>  				  <li><a href="who.html">who</a></li>  				  <li><a href="contact.html">contact</a></li>  				</ul>  			</nav>	  		</div>  		  	</div>

problem: nav bar in top right corner due float:right; want bottom right, aligned bottom of logo.

question: how in easiest possible way?

thank you

since want nav bar the bottom right of logo .. need clear first float 

.mainmenu { } #logo { float:left;  } .menu {     float:right;     text-align:right; } .menu ul {     list-style: none;     padding:0;     margin:0; } .menu ul li {     display:inline;     padding:1em; } div.clear {     clear:both;  }

div class="mainmenu clearfix"> 

    <div id="logo">         <a href="home.html"><img src="img/logo.png"></a>     </div>     <div class="clear"></div>      <div class="menu">         <nav>             <ul>               <li><a href="wat.html">what</a></li>               <li><a href="who.html">who</a></li>               <li><a href="contact.html">contact</a></li>             </ul>         </nav>       </div>  </div>

Comments

Post a Comment

Popular posts from this blog

java - Date formats difference between yyyy-MM-dd'T'HH:mm:ss and yyyy-MM-dd'T'HH:mm:ssXXX -

-
i trying parse date 2014-12-03t10:05:59.5646+08:00 using these 2 formats: yyyy-mm-dd't'hh:mm:ss yyyy-mm-dd't'hh:mm:ssxxx when parse using yyyy-mm-dd't'hh:mm:ss works fine, when parse yyyy-mm-dd't'hh:mm:ssxxx parseexception thrown. which correct format parse date , difference between these 2 formats? note : cannot use joda :( those valid formats: yyyy-mm-dd't'hh:mm:ss.sssz >>> e.g.: 2001-07-04t12:08:56.235-0700 yyyy-mm-dd't'hh:mm:ss.sssxxx >>> e.g.: 2001-07-04t12:08:56.235-07:00 edit: btw, "x" refer (iso 8601 time zone)
Read more

c# - Get rid of xmlns attribute when adding node to existing xml -

-
i have xml-file: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:d>some content</d> </a> </root> i need add new node in specific place, code is: var doc = xdocument.load(file); xnamespace ns2 = "namespace"; doc.element(ns2 + "root").element(ns2 + "a").element(ns2 + "c").addafterself( new xelement(ns2+"new", new xelement("new1", new xelement("new2","some content"), new xelement("new3", "some content")))); the output is: <ns2:root xmlns:ns2="namespace"> <ns2:a> <ns2:b>some content</b> <ns2:c>some content</c> <ns2:new> <new1 xmlns=""> <new2>some content</new2> ...
Read more