The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Nav Positioning Issue

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #41110

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

    Here’s the example:

    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: (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.




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



    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)
  • The forum ‘CSS’ is closed to new topics and replies.