WordPress.org

Ready to get started?Download WordPress

Forums

supernav problems (15 posts)

  1. rustyhinges
    Member
    Posted 9 years ago #

    My site is http://www.rustyhinges.com

    I grabbed Michael Heilemann's navigation structure at http://binarybonsai.com and am having a bit of a problem. The navigation is showing up below my first post and not in the header as it should. I was wondering if someone could advise me about this.

    As always, I love WordPress and thank you in advance for any help.

  2. cbtlsl
    Member
    Posted 9 years ago #

    Your supernav div needs to be inside the header div, not following it.

  3. rustyhinges
    Member
    Posted 9 years ago #

    Thank you for your response. I've had the supernav div all over in the header.php and can not get it to show up in the header. It seems to want to stay below, half way down the page.

    Any ideas?

  4. moshu
    Member
    Posted 9 years ago #

    It is in the header.php but in the wrong place - in the <head> section, and viewing the source in FF it says clearly: <div> element not allowed in the <head>. You should move into the div with the ID "header".

  5. rustyhinges
    Member
    Posted 9 years ago #

    Wow, I'm lost. I believe I've moved it into the div with the id "header" and still it shows up below.

    I've posted the whole header.php file below if that helps anyone explain this to me.

    http://www.rustyhinges.com/header_deal.txt

  6. Minna
    Member
    Posted 9 years ago #

    You have position: absolute; in your #supernav
    I think it should make the list be at the bottom of the parent element (the div) but for some reason it isn't. Hopefully someone can help you forward from that --- my brain's too mushy from studying dialogue modelling.

    Edit Ahhhh. Should #supernavcontainer have a position set?

  7. rustyhinges
    Member
    Posted 9 years ago #

    I wouldn't know a position set if it hit me in the head as I'm pretty much a novice. Anybody know how to steer me the right direction with a position set?

    http://www.rustyhinges.com

  8. Minna
    Member
    Posted 9 years ago #

    er... I mean should you set a position: whatever to #supernavcontainer, sorry xD Let me check a css I've written with a similar structure...

  9. Minna
    Member
    Posted 9 years ago #

    OK, I checked Michael Heilemann's site (the stylesheet). Put a position:relative; to your #header {}. No need to add something to #supernavcontainer

    And now I am wondering why the menu tabs aren't at the very bottom of the header. There must be extra margin or padding somewhere

  10. rustyhinges
    Member
    Posted 9 years ago #

    hrm... Minna, thanks for your help. ":relative;" moved the header up but not where it ought to be at the bottom of the header. Any ideas there? Thanks again BTW.

  11. Minna
    Member
    Posted 9 years ago #

    OK, here's what works (at least seems to):
    #supernav {
    font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
    position: absolute;
    bottom: 0;
    margin: 0 0 7px 50px;
    padding: 0;
    text-align: left;
    display: block;
    }

    and at the top of the stylesheet
    #header {
    background-color: #73a0c5;
    position:relative;
    }

    I changed the 24px bottom margin that was making that huge gap

  12. rustyhinges
    Member
    Posted 9 years ago #

    You are my hero. I suppose now, I need to change the background color to get the nav bar to show up.

  13. Minna
    Member
    Posted 9 years ago #

    for example by adding
    background: white;
    border-color: white;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;

    to #supernav a
    :)

  14. rustyhinges
    Member
    Posted 9 years ago #

    holy crap. i'll follow you wherever you lead. :-)
    Many many thanks!

  15. Minna
    Member
    Posted 9 years ago #

    :) No prob, I take CSS tweaking over exam cramming any time

Topic Closed

This topic has been closed to new replies.

About this Topic