Graphic as scrollable menu...

Post by **John** » Tue Jul 16, 2002 11:44 pm

Trying to get a graphic used as the main menu to follow the user down the page. Actually I have done that part, but the real problem comes in getting the single graphic to act as 5 individual menu items. See http://webdev.west.asu.edu/sai/test.cfm for the current mess.

Style2 defines the main menu and everything is set transparent. Even so, menu names from the array show up on top of the graphic. When I add the first menu item the entire menu bar acts as the trigger for that item. When I add the second menu it actually adds another copy of the menu bar graphic just to the right of the first one, and that triggers the second menu, etc. I understand why (can't get an image map plugged in), but I can't figure the fix. The array is at http://webdev.west.asu.edu/sai/template ... array1.cfm just for fun!

Thoughts?

Thanks.

wan · Post by **wan** » Wed Jul 17, 2002 3:44 am

I've been developing a site that had same menu as you want:
Style 1: Using seperate images for top nav:
http://www.peopleedge.com/beta2/index.htm
Style2: Using Js controling topnav images:
http://www.peopleedge.com/beta2/index2.htm
--> I was noticed that it doesn't work on Mac os

Post by **John** » Wed Jul 17, 2002 3:11 pm

Thanks, Wan. However I noticed that neither of the menus on those pages follow down the page, which is something I need. Using individual images for each of the 5 main menu items is probably the answer, but something I haven't figured out yet.

Post by **John** » Wed Jul 17, 2002 6:29 pm

Latest in the saga...

Did up a new page where I have split the single menu bar graphic into 5 pieces, 1 for each menu item. See http://webdev.west.asu.edu/sai/test2.cfm (please). The menus all drop as they should and function properly - in the initial position. Squeeze up the page so it becomes scrollable and scroll down. The 5 items move, but not evenly. When they stop they are no longer lined up with each other. As you scroll up and down the offset continues. Also, with the exception of the 'Home' (first) menu item, all the other sub-menus no longer drop as you approach the bottom of the page, even though the hand cursor indicates a link is present. The array for this one is at http://webdev.west.asu.edu/sai/template ... array2.cfm.

Com' on, Andy - can't be that hard!!

Thanks.

Post by **John** » Wed Jul 17, 2002 6:51 pm

Forgot - every time the menu items move down the page the script appears to be reloading them from the server (lots of status bar activity). Tried putting in a preload images script but that didn't help.