Grow your CSS skills. Land your dream job.

Navigation Spacing Problem

  • # December 22, 2009 at 1:28 pm

    I can’t get my navigation to space out evenly.
    I am using dropdown menus and those seem to be functioning properly (under personal sessions).
    I’ve messed with a bunch of different things in the CSS using the addon Web Developer for firefox with no luck.
    The space between "blog" and "workshops" will get huge but other things will still over lap?!?!?! Nothing seems to make them space out evenly

    Any suggestions would be great!

    Here’s a ling to the test site
    http://auriellaoneill.com/Beta/index.html

    Thanks,
    Lyle

    # December 22, 2009 at 2:14 pm

    Hey Lyle,

    There are two things causing your nav to behave this way:

    1) #nav li has a fixed width of 125px – remove this

    2) #nav li a has a fixed/fluid width of 10em – remove this

    Now that the fixed widths have been removed, you should have more control over the spacing of the items. Adding a margin-right of about 20px seemed to look pretty good. Although there are some padding issues with your subnav.

    # December 22, 2009 at 2:31 pm

    Thanks! I’ll give that a try.

    And my subnav is acting weird (because of the padding?) but I think I can fix that!

    Thanks!
    ~Lyle

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".