Image based menu links not working in IE
Image based menu links not working in IE
I am having an issue with 5.3 in IE. I have setup the top level of my menu to be images with rollovers. The effect is fine in Mozilla, Netscape 6+, opera, IE 5.0 and even in Netscape 4.7
However, in IE 6.0 the images are not links, if I mouse over the space immediately following the images I can get a link to work but not on top of the images themselves. The rollover effect works fine though.
I have setup a test page with nothing but the menu to be sure that none of the other JavaScript's are conflicting.
http://next.demandstream.net/test.cfm
Thanks
However, in IE 6.0 the images are not links, if I mouse over the space immediately following the images I can get a link to work but not on top of the images themselves. The rollover effect works fine though.
I have setup a test page with nothing but the menu to be sure that none of the other JavaScript's are conflicting.
http://next.demandstream.net/test.cfm
Thanks
Whew... I thought I'd go nuts when I was trying to figure this one out. I had just reached the conclusion that it had to be a bug and came here to report that, but...Andy wrote:...It's a real problem bug, it's had me stumped for a while now, I'll crack it eventually though.
jptilkes wrote:What would your best suggestion for me be until then?
When testing your problem, one thing I tried was to copy your main menu code into another menu_data.js file that I knew worked. Lo and behold, your menu started to work right! So... I went on a wild goose chase thinking that there may be a problem in your menu style. Needless to say, that was fruitless. Still, there's the fact that your menu did work in that test page! So what was different? That test page had another alwaysvisible menu on it. When I removed that menu, yours no longer worked. Why? I have no idea. But it does present a possibility for a viable workaround until the bug is fixed.
You could define a sort of "dummy" menu that doesn't really do anything. Set it to alwaysvisible=1, but position it off screen so that the user won't even know it's there. The one I tried was:
Code: Select all
with(milonic=new menuname("nonMenu")){
style=menuStyle;
top=-100;
left=0;
alwaysvisible=1;
aI("text=;");
}
Hope that helps,
Kevin
FWIW, I have a menu set up at http://westcgi.west.asu.edu/sai/ that uses images for the main. It's not exactly the same as yours, but you're certainly welcome to take a look. Only the first item (Home) is actually a link. Data is at http://westcgi.west.asu.edu/sai/templat ... p_data.cfm.
John
Well spotted Kevin, that would explain why the sample on the website works OK.You could define a sort of "dummy" menu that doesn't really do anything. Set it to alwaysvisible=1, but position it off screen so that the user won't even know it's there.
Hmmm, very interesting. It's still a bug in IE though

Cheers
Andy
Thanks. That was actually another clue that led to the dummy menu workaround. I noticed that the "Home" item in the sample worked on the site, but not in the downloadable version run locally.Andy wrote:...Well spotted Kevin, that would explain why the sample on the website works OK.
Anyway, now we'll never really know if the "dummy menu" workaround would've worked, because you went and fixed the darned thing! Sheesh! Some nerve.

Kevin