Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:03
HELP! Strange drop shadow in IE on Windows...
Poster: Td5boy
Dated: Friday June 16 2006 - 21:18:26 BST
Hi everyone.
I hope you can help me with this one.
I build my stuff on a Mac using OSX and FireFox/Safari... I'm afraid I dumped IE on the Mac platform...
Some people have told me that there are a couple of problems with the menu on Windows using IE. Specifically a blur... I've been able to get a screenshot from a Win machine running IE and I can see what they're talking about.
See the attached "blur.jpg" at the bottom of this post.
I've looked in my menu_data.js and as standard it comes with a "Shadow color value of #777777 in the Overfilter. (I've now changed this to the same color as the background: #CDEAF9
I'd appreciate it if someone could look at the menu in IE on a Windows machine - there must still be a few of you out there
- and tell me what they see. And if they see any nasty give me a hint or two on how to solve it.
Oh, and are the submenus showing anything similar?
Thanks for any help you can offer me!
Below are the details you'll need.
Website: http://www.bigyellospot.com
Here's my menu_data.js
Quote:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500; // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150; // The time delay before menus open on mouse over
_subOffsetTop=10;
_subOffsetLeft=-10;
with(menuStyle=new mm_style()){
bordercolor="#296488";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Helvetica, Tahoma, Arial";
fontsize="10px";
letterspacing="1px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="none";
offcolor="#003838";
onbgcolor="#none";
oncolor="#666666";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#CDEAF9', Direction=135, Strength=5)";
padding=15;
pagebgcolor="#CDEAF9";
pagecolor="black";
separatorcolor="#CDEAF9";
separatorsize=0;
// subimage="/images/arrow.gif";
// subimagepadding=2;
}
with(subStyle=new mm_style()){
bordercolor="#CDEAF9";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Helvetica, Tahoma, Arial";
fontsize="10px";
letterspacing="1px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="none";
offcolor="#003838";
onbgcolor="#none";
oncolor="#666666";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=3;
pagebgcolor="#CDEAF9";
pagecolor="black";
separatorcolor="#CDEAF9";
separatorsize=2;
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=20;
overflow="scroll";
style=menuStyle;
top=125;
aI("status=Back To Home Page;text=HOME;url=http://www.bigyellospot.com/;");
aI("showmenu=WHO WE ARE;text=WHO WE ARE;url=http://www.bigyellospot.com/who.htm;");
aI("showmenu=WHAT WE DO;text=WHAT WE DO;url=http://www.bigyellospot.com/what.htm;");
aI("showmenu=RECENT WORK;text=RECENT WORK;url=http://www.bigyellospot.com/recent.htm;");
aI("showmenu=RESEARCH;text=RESEARCH;url=http://www.bigyellospot.com/research.htm");
aI("showmenu=JOBS;text=JOBS;url=http://www.bigyellospot.com/jobs.htm");
aI("showmenu=NEWS;text=NEWS;url=http://www.bigyellospot.com/news.htm;");
aI("showmenu=CONTACT;text=CONTACT;url=http://www.bigyellospot.com/contact.htm;");
}
with(milonic=new menuname("WHO WE ARE")){
overflow="scroll";
style=menuStyle;
}
with(milonic=new menuname("WHAT WE DO")){
style=menuStyle;
}
with(milonic=new menuname("RECENT WORK")){
style=subStyle;
aI("text=McDONALD'S;url=http://www.bigyellospot.com/mcdonalds.htm;");
aI("text=BMW;url=http://www.bigyellospot.com/bmw.htm;");
}
with(milonic=new menuname("RESEARCH")){
style=subStyle;
aI("text=MILLWARD BROWN;url=http://www.bigyellospot.com/mbresearch.htm;");
aI("text=MINTEL;url=http://www.bigyellospot.com/mintelresearch.htm;");
aI("text=SMS RESEARCH;url=http://www.bigyellospot.com/smsresearch.htm;");
}
with(milonic=new menuname("JOBS")){
style=subStyle;
aI("text=DESIGNERS;url=http://www.bigyellospot.com/designers.htm;");
aI("text=WRITERS;url=http://www.bigyellospot.com/writers.htm;");
aI("text=PROJECT MANAGERS;url=http://www.bigyellospot.com/managers.htm;");
}
with(milonic=new menuname("NEWS")){
style=menuStyle;
}
with(milonic=new menuname("CONTACT")){
style=menuStyle;
}
drawMenus();
_menuCloseDelay=500; // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150; // The time delay before menus open on mouse over
_subOffsetTop=10;
_subOffsetLeft=-10;
with(menuStyle=new mm_style()){
bordercolor="#296488";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Helvetica, Tahoma, Arial";
fontsize="10px";
letterspacing="1px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="none";
offcolor="#003838";
onbgcolor="#none";
oncolor="#666666";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#CDEAF9', Direction=135, Strength=5)";
padding=15;
pagebgcolor="#CDEAF9";
pagecolor="black";
separatorcolor="#CDEAF9";
separatorsize=0;
// subimage="/images/arrow.gif";
// subimagepadding=2;
}
with(subStyle=new mm_style()){
bordercolor="#CDEAF9";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Helvetica, Tahoma, Arial";
fontsize="10px";
letterspacing="1px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="none";
offcolor="#003838";
onbgcolor="#none";
oncolor="#666666";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=3;
pagebgcolor="#CDEAF9";
pagecolor="black";
separatorcolor="#CDEAF9";
separatorsize=2;
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=20;
overflow="scroll";
style=menuStyle;
top=125;
aI("status=Back To Home Page;text=HOME;url=http://www.bigyellospot.com/;");
aI("showmenu=WHO WE ARE;text=WHO WE ARE;url=http://www.bigyellospot.com/who.htm;");
aI("showmenu=WHAT WE DO;text=WHAT WE DO;url=http://www.bigyellospot.com/what.htm;");
aI("showmenu=RECENT WORK;text=RECENT WORK;url=http://www.bigyellospot.com/recent.htm;");
aI("showmenu=RESEARCH;text=RESEARCH;url=http://www.bigyellospot.com/research.htm");
aI("showmenu=JOBS;text=JOBS;url=http://www.bigyellospot.com/jobs.htm");
aI("showmenu=NEWS;text=NEWS;url=http://www.bigyellospot.com/news.htm;");
aI("showmenu=CONTACT;text=CONTACT;url=http://www.bigyellospot.com/contact.htm;");
}
with(milonic=new menuname("WHO WE ARE")){
overflow="scroll";
style=menuStyle;
}
with(milonic=new menuname("WHAT WE DO")){
style=menuStyle;
}
with(milonic=new menuname("RECENT WORK")){
style=subStyle;
aI("text=McDONALD'S;url=http://www.bigyellospot.com/mcdonalds.htm;");
aI("text=BMW;url=http://www.bigyellospot.com/bmw.htm;");
}
with(milonic=new menuname("RESEARCH")){
style=subStyle;
aI("text=MILLWARD BROWN;url=http://www.bigyellospot.com/mbresearch.htm;");
aI("text=MINTEL;url=http://www.bigyellospot.com/mintelresearch.htm;");
aI("text=SMS RESEARCH;url=http://www.bigyellospot.com/smsresearch.htm;");
}
with(milonic=new menuname("JOBS")){
style=subStyle;
aI("text=DESIGNERS;url=http://www.bigyellospot.com/designers.htm;");
aI("text=WRITERS;url=http://www.bigyellospot.com/writers.htm;");
aI("text=PROJECT MANAGERS;url=http://www.bigyellospot.com/managers.htm;");
}
with(milonic=new menuname("NEWS")){
style=menuStyle;
}
with(milonic=new menuname("CONTACT")){
style=menuStyle;
}
drawMenus();
[/url]
Poster: Ruth
Dated: Friday June 16 2006 - 22:09:44 BST
Hi,
1. I don't think there is a code for the menu called letterspacing, that's in css I believe.
2. That overfilter and outfilter are IE [on a pc] specific codes. They won't show in anything but IE. You can eliminate the shadow part if you don't want have it. You can also eliminate the alpha. Since you don't have a pc you wouldn't be able to see it and use the tool so you can put in whatever codes you wanted for that.
3. If you don't want color in the offbgcolor and onbgcolor I suggest you put: offbgcolor="transparent"; onbgcolor="transparent";
Finally, can you have whoever is seeing this problem tell you the browser. I have IE5.5 and I'm not seeing any problem. I got your data file and put it back the way it was and didn't see that. I remember something on the forum about something like that and it actually had to do with something the person had set in their Windows, XP I believe.
Ruth
