positioning menus

  • Resolved jrcollins

    (@jrcollins)


    12 years, 6 months ago

    I’m trying to position my two menus within my header, top and bottom. Right now the top menu is where it should be but the bottom menu is directly below the top menu. Can anyone tell me how to move it to the bottom of the header? I’ve tried using “position” and “align” but nothing has worked.

Viewing 8 replies - 1 through 8 (of 8 total)

  • Unless someone can see the site, not possible to help.

    Thread Starter jrcollins

    (@jrcollins)

    Sorry, I’m working on it using instant wordpress.

    Thread Starter jrcollins

    (@jrcollins)

    They are stuck together at the top of the header.

    [please do not bump]

    Without any information about your site, it’s impossible to give any kind of a specific answer.

    But a few general things to be aware of:

    If any elements are using “float,” subsequent elements won’t stay below unless they use “clear.”

    “Position” is only relevant if you have also coded enclosing elements correctly.

    Are you using Firebug to look at the relevant CSS – it should answer your question quite easily.

    Try using the margins.

    Thread Starter jrcollins

    (@jrcollins)

    Thanks for the suggestions and I’ll be working on it again soon. As I mentioned before, the top menu is already in the correct position so I just need to move the bottom menu. Below is the styling for the bottom menu.

    #catg .nav, #catg .nav * {
    float: left;
    list-style: none outside none;
    margin-left: 0;
}
    Thread Starter jrcollins

    (@jrcollins)

    Sorry, that code I just posted was wrong. It should have been:

    #catg {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 3px #8D8B8C;
    float: left;
    position: relative;
    width: 100%;
}

    Thread Starter jrcollins

    (@jrcollins)

    I was playing around a bit just now and managed to adjust the postion using “margin-top”.
    Thnaks again.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘positioning menus’ is closed to new replies.