Forums

Give help. Get help.

  • # December 2, 2012 at 12:14 pm

    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

    # December 2, 2012 at 1:47 pm

    @Andy_unleash,

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

    Cheers

    # December 2, 2012 at 5:09 pm

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag