Horizontal Navigation - Mouse over for Sub Nav Opts

Discussion in 'HTML & Website Design' started by pyles, Apr 29, 2008.

  1. #1
    Hey guys,

    You are always such a great help when I get stuck on things like this.

    I am trying to use this navigation bar:

    http://goallinefitness.com/layout/topnav.php

    and when you click on a main navigation link (ie home, services) IF the main navigation has a sub navigation, it will pop up on the bottom (where personal training group training workout consultation online consultation are located now).

    I believe this would require javascript but I know nothing about it except to make small modifications. I have looked at the Yahoo UI but there is so muc more in there I don't need, I don't even know where to start!

    Please does anyone have any suggestions at all?

    Thanks!~
     
    pyles, Apr 29, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Do you mean something like this? http://stommepoes.nl/Menus/stuformikka.html

    That was some guy's menu, trying to get a Stu Nichols' menu to work. I redid it for him a long time ago, so it's still probably not optimal code (lawlz,certainly not) but it works without Javascript... if I understand what you want.

    You don't need Javascript at all for this kind of menu, though you can have Javascript do stuff to it like slowly appearing, or fading in and out, or any of the fancy junk... but the important thing is that there's a working HTML/CSS menu underneath. javascript and flash menus are not accessible to everyone, and certainly not teh googlies.

    So anyway, if that's what you are looking for, you could go to cssplay.co.uk and take a look... however, his CSS is very messy and he always wraps his menus (ul) in a div (not necessary). So, they're kinda bloated, but after finding whatever people are calling these types of menus, you can google them and see what else is out there... if there's a Suckerfish version at HTMLdog, that'll be a good one to start with.

    *edit holy crap is that sh*tty code in my Stu-menu... like, even if you use the fake tables (which is for IE6 to hover without Javascript help), you don't need to set ANY CSS properties for it- hell, it's not even really there.

    I should write another one, a better one.
     
    Stomme poes, Apr 29, 2008 IP
  3. pyles

    pyles Peon

    Messages:
    284
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That is exactly what I want! Now I just need to figure out how to do it, I will check CSSPlay, I wish there was just a simple way to integrate it into my menu I have now.

    I will check out that site, looking for anymore suggestions still! Thanks!
     
    pyles, Apr 29, 2008 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Eh, if you want, I could take your existing menu (if you have HTML) and could give it a try... however, I'm home for the next several days with only the Linux machine, so I can only look in fake IE6 4 Linux and no IE7 at all... nor safari, as the Windows machine at work has Safari for windows. But it's not a hard style of menu.

    *edit, nevermind, I thought that was a jpg! So, normal HTML, shouldn't be hard... I tend to use left: -a gazillion em or px and then left: 0 for the show/disappear part of the submenu... cause that's safer with screen readers and the such instead of display: none and block, or visibility:hidden and visible.
     
    Stomme poes, Apr 29, 2008 IP
  5. pyles

    pyles Peon

    Messages:
    284
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hey Stomme I PMed you. Thanks for the offer!
     
    pyles, Apr 29, 2008 IP
  6. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Got your PM : )
     
    Stomme poes, Apr 30, 2008 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Just to update the thread, we've gotten this far: http://stommepoes.nl/Menus/pylesmenu.html but isn't finished yet and not tested in browsers I can only access with IE (no Windows machine until Monday)
     
    Stomme poes, May 1, 2008 IP