Grow your CSS skills. Land your dream job.

help with nav menu

  • # May 18, 2012 at 9:26 pm

    maybe I am to rusty. I have a column that is 695px; wide. I put my nav in that column in an ul list. Floated the li left so that the nav is inline. Made the ul 613px wide so that I can use margin 0 auto to center the ul above the content. It is right where it is suppose to be. The only problem is that the navigation is on the left side of the page. I want it on the right side of the page. I figured there would be a way of doing this that would allow the ul to stay fluid without having to provide a smaller width and then float it over. Am I forgetting something?

    # May 19, 2012 at 8:26 am

    an example on jsFiddle ? any link so we can have a look on your code ?

    # May 19, 2012 at 1:18 pm

    If you want the nav to be inline, then you should use

    display: inline;

    And if you want to style the things like blocks but keep it inline, then you can change it to

    display: inline-block;

    When you mean the navigation on the right… you mean the column or the <ul>?

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".