Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:20

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 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

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


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.