html - Centered Top Navigation Menu with 2 Elements -


hi i'm encountering absolute stupid problem. iam designing website center includes 2 elements, logo , navigation icon. between these 2 things should space if site resized due low resolution or mobile device.

but overlapping constantly! have no idea do... current markup:

<div id="navcontainer">       <div id="topnav">         <div id="logo"><img src="images/logo.png"/> </div>         <div id="mobilenav"><a  href="#" ><img id="hamburger" src="images/navicon.png"></a></div>     </div>

and styling:

#navcontainer {margin:0 auto;} #navcontainer:hover{background: rgba(255,255,255,0.2);cursor: pointer; width:100%;} #topnav{width:50%; margin:0 auto;} #logo{text-align:left; min-width:250px;} #mobilenav{text-align:right; position:relative; bottom:50px; }

my goal navigation working like: http://www.teehanlax.com/

i think adding more need to. if take out logo , mobilenav divs , float link tag right you'll you're looking for.

<div id="navcontainer">     <div id="topnav">         <img src="images/logo.png" />         <a href="#"><img id="hamburger" src="images/navicon.png"/></a>     </div> </div>  a{     float:right; }

demo: http://jsfiddle.net/39qvp/


Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

php - MySQLi multi_query results for later use -

i using mysqli multi_query work several select statemets @ time. know how handle results, able use them later in code. example: <?php //connection stuff $query = "select name, surname database1;"; $query.= "select car, year, type database2 carid='1';"; $query.= "select product, price database3;"; if ($mysqli->multi_query($query)) { if($result = $mysqli->store_result()) { while($row = $result->fetch_row()) { --> here? } } } ?> <html> <div id='persona'> <?php foreach() { --> print name + surname } ?> </div> <div id='cars'> <?php foreach() { --> print car + year + type } ?> </div> <div id='product'> <?php foreach() { --> print product + price } ?> </div> </html> one more thing, prepared statements not possible when using multiple_query, right? there no benefit in putting unrelated queries in 1 multi ...
Read more