html - Navbar not getting it's style right -

-

i want create navbar this page's. can see on website there's picture. in picture see black nav bar. want make same 1 not able that. here's code:

css:

@charset "utf-8";  @import url("base.css");  {  }  span, input, #small_navigation, nav, {     display: inline-block;     margin: 5px; }  #wrapper {     width: 100%;     height: 100%; }  /* large desktop */ @media (min-width: 1200px) {     #header {         width: 100%;         height:50px;         background-color: #f2e8e8;         box-shadow: 0px 5px 5px 3px #aaa;            }     #right_side #small_navigation {         margin-top: -150px;     }     #header #right_side {         float: right;     }     #header #dropdown ul li ul{         text-align: center;     } }

html:

<div id="wrapper">     <div id="header">         <span id="icon"><!-- <img src="icon_src.png" /> -->icon</span>         <input type="search" placeholder="search" id="search_site" />         <span id="logo">website name</span>         <div id="right_side">             <div id="small_navigation">                 <a href="#">home</a>                 <a href="#">office</a>             </div>             <nav id="dropdown">                 <ul>                     <li>                         dropdown                         <ul>                             <li>item 1</li>                             <li>item 2</li>                         </ul>                     </li>                 </ul>             </nav>         </div>     </div> </div>

please me :)

thanks, areeb

like this

demo

css

* {     margin: 0px;     padding: 0px; } #header {     width: 100%;     height: 50px;     background-color: #f2e8e8;     box-shadow: 0px 5px 5px 3px #aaa;     vertical-align: middle; } #right_side #small_navigation {     float: left;     text-align: center; } #header #right_side {     float: right; } #header #dropdown ul li ul {     text-align: center; } .logo {     text-align: center;     vertical-align: middle;   }

Comments

Post a Comment

Popular posts from this blog

ruby on rails - Is it the correct way to implement belongs_to relation with factory girl? -

-
i have realy easy model. user have role_id depends of role table (id, name) role reference. i want create users of types on rspec test, factory girl. my first idea factory :role name "guest" factory :role_admin name "admin" end factory :role_supervisor name "supervisor" end etc... have lot different roles end factory :user email password '123456' password_confirmation '123456' association :role, factory: :role factory :admin association :role, factory: :role_admin end factory :supervisor association :role, factory: :role_supervisor end etc... have lot different roles end in model have simple method : def is(role_name) return self.role.name == role_name end it's correct way to? realy need create factory role? can make stub function in factory girl each role? i realy new test stuff, thanks. factories should reflect models. class user has_many :products en
Read more

geolocation - Windows Phone 8 - Keeping background location tracking active beyond four hours -

-
i'm in process of developing wp8 app makes use of background location tracking abilities provided os. idea monitor users position , notify them when near types of places. so far seems work fine , when running location tracking works expect. the problem is, seems phone times out background apps after around 4 hours, stopping location tracking. i can understand why microsoft did it, preserve battery life etc. there's not point having background location tracking app has manually restarted every 4 hours! if user chooses run app , made aware of potential battery hit, surely should able run indefinitely - point of course, if system runs out of resources or similar that's fair enough. does have experience this? there must hundreds of others apps in store have run issue have thought? , presumably there must way of keeping location tracking running? i've tried periodically updating live tile (using dispatchertimer) while tracking running doesn't seem enough ke
Read more

Uncaught TypeError: Cannot read property 'parentNode' of null javascript -

-
this code should make element disappear list when dropped on element (called cookiemonster) addevent(cookiemonster, 'drop', function (e) { if (e.stoppropagation) e.stoppropagation(); var el = document.getelementbyid(e.datatransfer.getdata('text')); el.parentnode.removechild(el); return false; }); create auxiliar variable this addevent(cookiemonster, 'drop', function (e) { if (e.stoppropagation) e.stoppropagation(); var el = document.getelementbyid(e.datatransfer.getdata('text')); var aux = el.parentnode; aux.removechild(el); return false; });
Read more