Forums

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

Home Forums CSS Navigation Spacing Problem

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #27302
    WildSpirit
    Member

    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

    #68543
    TheDoc
    Member

    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.

    #68545
    WildSpirit
    Member

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