WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Drop down works in IE, not Firefox (23 posts)

  1. intcon
    Member
    Posted 2 years ago #

    Hello!

    Been working on this for weeks, finally got the drop down to work in IE, but not Netscape.

    http://bit.ly/SVGa5M
    In Netscape, if you mouseover the books3 button, you can see the second item on the first sub menu, but you can't click on it.

    Is it a spacing/padding issue? Or something worse...=)

    Thanks in advance for any help..

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    That's because you've used margin-left on the anchor tags of the sub menu.
    Use position absolute values, like top and left, not margin.

    Consider using;

    #nav ul li ul.sub-menu li ul.sub-menu {
     left: (n)px;
     top: (n)px;
    }
  3. WPyogi
    Forum Moderator
    Posted 2 years ago #

    You need to stick with one thread on the same topic:
    http://wordpress.org/support/topic/missing-css-for-sub-sub-menu?replies=13

    If you have new information to add, add it to the existing thread. Otherwise, it creates much confusion and frustration for people who are trying to assist you to have no clue what has already been discussed or tried.

  4. intcon
    Member
    Posted 2 years ago #

    omg it works. *fainting*

    thank you thank you thank you.

    i can die happy now. =)

  5. WPyogi
    Forum Moderator
    Posted 2 years ago #

    LOL - I posted another answer in your other thread, but disregard it if it's working...

  6. intcon
    Member
    Posted 2 years ago #

    And I'm resurrected from the dead. =) It worked fine on my test site, but does not work on the real site. All the menus pop out at the same time. I'm back to being at a total loss. I copied the css directly over from my working page to hers...I just don't know where to look next!

    http://bit.ly/RQVuiI

    WPYogi, thanks. I'll go take a look.

  7. Andrew
    Forum moderator
    Posted 2 years ago #

    Don't use position relative, use absolute (on the sub-sub menu).

  8. intcon
    Member
    Posted 2 years ago #

    I changed to this

    #nav ul li ul.sub-menu li ul.sub-menu li a {
        left: 140px;
        position: absolute;
        top: -28px;
    }

    and more of the navigation disappeared.=) What's there is displaying fine, but the buttons are just gone. There should be three under Phoenix and 1 under Covert....

  9. Andrew
    Forum moderator
    Posted 2 years ago #

    First remove the li a on your CSS selectors, to result this;

    #nav ul li ul.sub-menu li ul.sub-menu
  10. intcon
    Member
    Posted 2 years ago #

    Ok...that gave me 2 books under phoenix and 1 under covert, sort of. Intimate enemies is the one under covert, so it's still a little topsy turvy..but now I have this code

    #nav ul li ul.sub-menu li ul.sub-menu {
        left: 140px;
        position: absolute;
        top: -28px;
    }
  11. Andrew
    Forum moderator
    Posted 2 years ago #

    Apply position: relative; to the <li> elements that contain your sub-sub menus;

    #nav ul li ul.sub-menu li {
     position: relative;
    }

    You may then need to make the sub-sub menu visible only upon :hover of it's parent <li>;

    #nav ul li ul.sub-menu li ul {
     display: none;
    }
    
    #nav ul li ul.sub-menu li:hover ul {
     display: block;
    }
  12. intcon
    Member
    Posted 2 years ago #

    #nav ul li ul.sub-menu li {
    text-indent: 0px !important;
    position: relative;}

    okay...do I take out the 0px line? and I leave absolute in the other bit of code

    #nav ul li ul.sub-menu li ul.sub-menu

    or change that to relative as well...it doesn't end in
    <li>....so I wasn't sure...

    (sorry, bear with me, I'm trying really really hard to understand!)

  13. Andrew
    Forum moderator
    Posted 2 years ago #

    The text indent need not be there, but it can stay. It's causing no conflict. You ought to leave absolute the other bit of code, that's concerning the <ul>, this is concerning the <li>.

  14. intcon
    Member
    Posted 2 years ago #

    criminitly that's almost got it....the sub sub menu pops up a bit in the wrong spot....but now it's hidden until the sub is hovered over...

    is that this bit of code?

    #nav ul li ul.sub-menu li ul.sub-menu {
        left: 140px;
        position: absolute;
        top: -28px;
    }
  15. Andrew
    Forum moderator
    Posted 2 years ago #

    Sorry, I can't see the position: relative; on this;

    #nav ul li ul.sub-menu li

    You should then edit the sub-sub menu <ul> style to have top: 0;;

    #nav ul li ul.sub-menu li ul.sub-menu {
     left: 130px;
     top: 0;
     position: absolute;
    }
  16. intcon
    Member
    Posted 2 years ago #

    i've got it here..

    #nav ul li ul.sub-menu li {
    text-indent: 0px !important;
    position: relative;}

    I'm sorry, I switched to working directly on the site, as for some reason it displays differently on hers than mine...

    http://bit.ly/RQVuiI

  17. Andrew
    Forum moderator
    Posted 2 years ago #

    So now it's just the top:0; from my previous post and it's looking correct?

    Clear your browser cache on your browser. Your browser could be storing old CSS versions of the website.

  18. intcon
    Member
    Posted 2 years ago #

    Jeez louise, it's right there..the blaze title is being covered by the covert title...so i changed this to 140....

    #nav ul li ul.sub-menu li ul.sub-menu {
     left: 140px;
     top: 0;
     position: absolute;
    }

    and it works. it works in ie and netscape and can i tell you i love you? =)

    holy cow it works it works it works....=)

  19. Andrew
    Forum moderator
    Posted 2 years ago #

    That was fun :)

  20. intcon
    Member
    Posted 2 years ago #

    lol....stick with me...it happens to me alot!

  21. WPyogi
    Forum Moderator
    Posted 2 years ago #

    LOL! Way to go, Andrew!!! You get the patience, persistence and brilliance award for the day! As do you, intcon!

  22. intcon
    Member
    Posted 2 years ago #

    I agree...round of applause for Andrew....thanks so much for sticking with me....it's appreciated more than you know!

  23. Andrew
    Forum moderator
    Posted 2 years ago #

    Thanks all.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.