I've read through all of the forum relating to the on and offbgcolor, and have not been able to find a cure for this....
I'm trying out the image rollover/swap menu, and have created simple on and off images - they work fine. In the sample menu, there is text next to the images - once I removed the text (and utilized images only), the bgcolor "sticks" to the "onbgcolor" around the "arrow.gif" in IE, however, it works fine in Mozilla/Firefox 1.0.
I read that for one user, worked fine once uploaded to a server - I've done that on a sample site, and it still didn't have an effect, (acts the same on the server as it does locally).
Here's the URL: http://www.finehomebuilders.us/menu/menu1/menu.htm
(remember, it's OK in Firefox, doesn't work in IE)
If you refresh the page, it shows the intended bgcolor (IE only)....once you mouseover, you're stuck again with the onbgcolor.
I've tried entering individual "onbgcolor" and "offbgcolor" values in the menu items individually, no luck their either.
offbgcolor will not work without text in image menu in IE
-
- Beginner
- Posts: 5
- Joined: Mon Nov 22, 2004 9:17 am
My J.O.B. is getting in the way of my spending more than 5 minutes on this right now.
However, in this instance I don't see why you want to use images. The menu will do what you want by itself. See http://www.west.asu.edu/sa/testsite/test.htm, and http://www.west.asu.edu/sa/testsite/menu_data.js for changes made to the _data file.
However, in this instance I don't see why you want to use images. The menu will do what you want by itself. See http://www.west.asu.edu/sa/testsite/test.htm, and http://www.west.asu.edu/sa/testsite/menu_data.js for changes made to the _data file.
John
-
- Beginner
- Posts: 5
- Joined: Mon Nov 22, 2004 9:17 am
Thanks for taking a look. I tried your version in Mozilla and it works fine - still doesn't work in IE.
Here's my code in the section that you altered:
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=10;
left=100;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=ok with text;showmenu=Home;image=home.gif;overimage=home_on.gif;onbgcolor=#ff6633;offbgcolor=#CCCCCC;");
aI("showmenu=Milonic;image=home.gif;overimage=home_on.gif;onbgcolor=#ff6633;offbgcolor=#CCCCCC;");
aI("showmenu=Partners;image=home.gif;overimage=home_on.gif;onbgcolor=#ff6633;offbgcolor=#CCCCCC;");
aI("showmenu=Links;image=home.gif;overimage=home_on.gif;onbgcolor=#ff6633;offbgcolor=#CCCCCC;");
}
Here's yours:
sub1Style = new copyOf(menuStyle)
sub1Style.offcolor="#515151";
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=10;
left=100;
alwaysvisible=1;
orientation="horizontal";
//position="relative";
aI("text=Home;showmenu=Home;");
aI("showmenu=Milonic;image=http://www.finehomebuilders.us/menu/men ... ome_on.gif;");
aI("showmenu=Partners;image=http://www.finehomebuilders.us/menu/men ... ome_on.gif;");
aI("showmenu=Links;image=http://www.finehomebuilders.us/menu/men ... ome_on.gif;");
}
I notice the new subStyle, other than that I think we're on the same page. (I did try adding style to each menu item, but that didn't work either)
Did you test the altered version with IE? For me, it's still sticking with the "onbgcolor".
Here's my code in the section that you altered:
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=10;
left=100;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=ok with text;showmenu=Home;image=home.gif;overimage=home_on.gif;onbgcolor=#ff6633;offbgcolor=#CCCCCC;");
aI("showmenu=Milonic;image=home.gif;overimage=home_on.gif;onbgcolor=#ff6633;offbgcolor=#CCCCCC;");
aI("showmenu=Partners;image=home.gif;overimage=home_on.gif;onbgcolor=#ff6633;offbgcolor=#CCCCCC;");
aI("showmenu=Links;image=home.gif;overimage=home_on.gif;onbgcolor=#ff6633;offbgcolor=#CCCCCC;");
}
Here's yours:
sub1Style = new copyOf(menuStyle)
sub1Style.offcolor="#515151";
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=10;
left=100;
alwaysvisible=1;
orientation="horizontal";
//position="relative";
aI("text=Home;showmenu=Home;");
aI("showmenu=Milonic;image=http://www.finehomebuilders.us/menu/men ... ome_on.gif;");
aI("showmenu=Partners;image=http://www.finehomebuilders.us/menu/men ... ome_on.gif;");
aI("showmenu=Links;image=http://www.finehomebuilders.us/menu/men ... ome_on.gif;");
}
I notice the new subStyle, other than that I think we're on the same page. (I did try adding style to each menu item, but that didn't work either)
Did you test the altered version with IE? For me, it's still sticking with the "onbgcolor".
-
- Beginner
- Posts: 5
- Joined: Mon Nov 22, 2004 9:17 am
-
- Beginner
- Posts: 5
- Joined: Mon Nov 22, 2004 9:17 am
here it is:
http://www.finehomebuilders.us/menu/clip_image002.jpg
(screen shot after I mouse-over'd the images, showing the stuck background color)
g
(thanks for your time!)
http://www.finehomebuilders.us/menu/clip_image002.jpg
(screen shot after I mouse-over'd the images, showing the stuck background color)
g
(thanks for your time!)
-
- Beginner
- Posts: 5
- Joined: Mon Nov 22, 2004 9:17 am
Hi John - again, your expertise is appreciated -
The first menu item is working, however, it's only text, not an image. There are no images displaying currently in the first menu item. I'm trying to get the on/off images to work correctly.
Your code is as follows:
aI("text=Home;showmenu=Home;");
it doesn't give me the rollover/image effect I'm looking for. The home and home_on gif's are just for simplicity and experimental sake - I wanted to do something a bit more clever....
g
The first menu item is working, however, it's only text, not an image. There are no images displaying currently in the first menu item. I'm trying to get the on/off images to work correctly.
Your code is as follows:
aI("text=Home;showmenu=Home;");
it doesn't give me the rollover/image effect I'm looking for. The home and home_on gif's are just for simplicity and experimental sake - I wanted to do something a bit more clever....
g