supernav problems

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

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

    Thread Starter rustyhinges

    (@rustyhinges)

    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?

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

    Thread Starter rustyhinges

    (@rustyhinges)

    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.

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

    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?

    Thread Starter rustyhinges

    (@rustyhinges)

    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?

    https://www.rustyhinges.com

    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…

    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

    Thread Starter rustyhinges

    (@rustyhinges)

    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.

    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

    Thread Starter rustyhinges

    (@rustyhinges)

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

    for example by adding
    background: white;
    border-color: white;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    to #supernav a
    ??

    Thread Starter rustyhinges

    (@rustyhinges)

    holy crap. i’ll follow you wherever you lead. ??
    Many many thanks!

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

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘supernav problems’ is closed to new replies.