Nav Positioning Issue

[Dockers]

Hey Guys, i am having an issue with positioning of my navigation bar on a layout..

Here’s the example: http://codepen.io/joe/pen/diBva

As you can see the logotype is placed as needed, however the navigation is not. Two problems: It is under the logo and it is not positioned in the right side of the screen.

I want to end up with such kind of styling: http://s55.radikal.ru/i148/1212/e9/dbe1cfc29119.png (screenshot).

One more thing which confuses me is when i try to apply “float:right” to the CSS, nav elements are getting reversed.

Hopefully someone can help me sort this out.

Cheers

[Dockers]

@Andy_unleash,

Thanks a lot. You’ve been very helpful indeed!

Cheers

[wolfcry911]

just a couple of comments:
1) float overrides any display property, so you don’t need to set the h1 to inline-block
2) you can float the li to the left and the ul to the right (although display: inline works just as well for the li) without reversing the order

[Author]

Posts