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:16
Small problem with subimage
Poster: rudy
Dated: Wednesday August 4 2004 - 18:39:26 BST
Still can't resolve this problem - need some expert help. please.
The problem explained below, shows up in IE version 6.0 and maybe other browsers as well. Shows up on both of my home computers and I have also tried it on about a dozen computers at my local library and it does the same thing. I am using Milonic version 5.40.
I have a separate image for the main items (the Milonic menu you see as the page opens and before you mouse over it) and a different image for the submenus. If you go to the link I provided below, and mouse over the first item on the menu (left side - named OSI Model) the submenus will open up. You will also see a black arrow image and next to it a small amount of background that shou NOT be there. If you mouse over another main item menu and then go back the the first main item, the extra background space is no longer there and the arrow is positioned all the way to the right at it should be. This only happens the very first time the page is opened. Kind of a hard thing to explain, hope you can understand what is happening here
Your suggestions will be appreciated!
Here is a link so you can check it out: http://www.networkdriven.com/qp/579bb62.html
Here is the code I'm using to get the image on the main item bar and the code for the subimage as the menu drops down.
Code:
with(windows98style=new mm_style()){
onbgcolor="#000000";
oncolor="#FFFFFF";
offbgcolor="#FFAD73";
offcolor="#000000";
bordercolor="#BFBFBF";
borderstyle="raised";
borderwidth=2;
subimage="/qp/black_round.gif";
subimagepadding="2";
overfilter="Fade (duration=0.2);Alpha (opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
separatorsize="2";
padding=4;
fontsize="75%";
fontfamily="tahoma, verdana";
headercolor="#FFAD73";
headerbgcolor="#000000";
high3dcolor="#eeeeee";
low3dcolor="#7F7F7F";
swap3d="1";
}
with(substyle=new mm_style()){
onbgcolor="#000000";
oncolor="#FFFFFF";
offbgcolor="#FFAD73";
offcolor="#000000";
bordercolor="#BFBFBF";
borderstyle="raised";
borderwidth=2;
subimage="/qp/black_7x7.gif";
subimagepadding="0";
overfilter="Fade (duration=0.2);Alpha (opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
separatorsize="2";
padding=4;
fontsize="75%";
fontfamily="tahoma, verdana";
headercolor="#FFAD73";
headerbgcolor="#000000";
high3dcolor="#eeeeee";
low3dcolor="#7F7F7F";
swap3d="1";
}
onbgcolor="#000000";
oncolor="#FFFFFF";
offbgcolor="#FFAD73";
offcolor="#000000";
bordercolor="#BFBFBF";
borderstyle="raised";
borderwidth=2;
subimage="/qp/black_round.gif";
subimagepadding="2";
overfilter="Fade (duration=0.2);Alpha (opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
separatorsize="2";
padding=4;
fontsize="75%";
fontfamily="tahoma, verdana";
headercolor="#FFAD73";
headerbgcolor="#000000";
high3dcolor="#eeeeee";
low3dcolor="#7F7F7F";
swap3d="1";
}
with(substyle=new mm_style()){
onbgcolor="#000000";
oncolor="#FFFFFF";
offbgcolor="#FFAD73";
offcolor="#000000";
bordercolor="#BFBFBF";
borderstyle="raised";
borderwidth=2;
subimage="/qp/black_7x7.gif";
subimagepadding="0";
overfilter="Fade (duration=0.2);Alpha (opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
separatorsize="2";
padding=4;
fontsize="75%";
fontfamily="tahoma, verdana";
headercolor="#FFAD73";
headerbgcolor="#000000";
high3dcolor="#eeeeee";
low3dcolor="#7F7F7F";
swap3d="1";
}