Image based tab menu

Poster: thesasha
Dated: Friday April 25 2008 - 2:40:39 BST

Hi Ruth,

Since I know you're going to be the one coming to my rescue! I am working on horizontal image based tab menu w/sub menus. They are working fine in FF but IE does not like it. Here's the example I am working on http://www.web-site-demo.net/ls/index.html. In IE when you rollover "Screening Schedule" and want to rollover the sub nav, sub nav just dispaears. Also the "rollover state" is not working on the mouseover.

Second issue is, when you click on two navigation buttons, after that main nav does not work in IE any more, you need to refresh the page.

The menu_data.js is here http://www.web-site-demo.net/ls/menu_data.js.

Ruth let me know if you can help me solve this mystery!

Thank you!

Re: Image based tab menu

Poster: Ruth
Dated: Friday April 25 2008 - 18:35:17 BST

Hi,

You have the menu in a div which requires position='relative';

Add buildAfterLoad=true; up at the top, at the bottom of the subOffset section. Then in the main menu make it position='relative'; not absolute.

Remove the openstyle="down"; that you have in the style and the submenus. That is the default action from a horizontal menu.

Then remove the top and left positions from the submenus. If you want to control them from the horizontal main you need to use top="offset=x"; left="offset=x"; where x is the number of pixels you are using from the top of the main menu item or the left of the main menu item, respectively.

Ruth