Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jun 2002
    Glasgow, Scotland
    Thanked 0 Times in 0 Posts

    Alternative navigation menu bar


    Does anyone know how I could do this?

    I want a horizontal menu bar with 6 categories on it set out side by side (approx 760x20px). As the user mouses over any one of the categories a drop down bar with the same dimensions as the menu above appears directly below with sub-categories, again set out side by side. (As opposed to full drop down) The sub-categories are links.

    I have seen this done in Flash but I was wondering if anyone knew of a way using JS or DHTML? Or is there a script somewhere?


    Ya don't need a weatherman to know
    which way the wind blows...

  2. #2
    New to the CF scene
    Join Date
    Jul 2002
    Thanked 0 Times in 0 Posts

    You could use layers


    I've done something similar using layers in Dreamweaver. I created a layer for each of the menus, which are hidden when the page loads. Then I made one layer with a huge transparent gif that covers the entire nav area and about half inch past it on each side. I set that layer to make all other layers disappear when the mouse passes over it. That way the menus disappear when the person moves out of the nav area. Then set all of the other layers to appear on mouseover and the other layers to hide. It really didn't take that long and it works very well.

    There are some programs out there that automate the process but I've tried a few and the menus worked great alone, but as soon as I put them into the page they didn't work right anymore. GRRR!! That's very frustrating. If you use Dreamweaver and can figure out how to use layers, you can do quite a bit with the nav bar (and other things too!).

    I hope this is of some help to you!



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts