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:53
onclass/offclass problem
Poster: Ruth
Dated: Saturday December 6 2003 - 8:22:20 GMT
Long story short. I used this on/off class in the head section of my page
Code:
.subOn {
background-color:#96bdc4;
color:#294954;
border: 1px #ffffee solid;
separatorsize: 1px #96bdc4 solid;
font-size: 10px;
font-style: normal;
font-weight: bold;
font-family: arial,helvetica,"times new roman";
text-align: left;}
.subOff {
background-color:#ffffee;
color:#8e8b96;
border: 1px #96bdc4 solid;
separatorsize: 1px #96bdc4 solid;
font-size: 10px;
font-style: normal;
font-weight: bold;
font-family: arial,helvetica,"times new roman";
text-align: left;}
background-color:#96bdc4;
color:#294954;
border: 1px #ffffee solid;
separatorsize: 1px #96bdc4 solid;
font-size: 10px;
font-style: normal;
font-weight: bold;
font-family: arial,helvetica,"times new roman";
text-align: left;}
.subOff {
background-color:#ffffee;
color:#8e8b96;
border: 1px #96bdc4 solid;
separatorsize: 1px #96bdc4 solid;
font-size: 10px;
font-style: normal;
font-weight: bold;
font-family: arial,helvetica,"times new roman";
text-align: left;}
and this in the menu data file
Code:
with(subs=new mm_style()){
offclass="subOff";
onclass="subOn";
padding=2;
}
offclass="subOff";
onclass="subOn";
padding=2;
}
Ns4 won't read the on/off class and the submenus seemed to have a transparent background so the text just blended together with the page text. I tried the following changes and solved the problem in ns4. Picture me dancing . I took out this from the .subOff
Code:
background-color:#ffffee;
color:#8e8b96
color:#8e8b96
and put this in menu data file
Code:
with(subs=new mm_style()){
onclass="subOn";
offclass="subOff";
offbgcolor="#ffffee";
offcolor="#8e8b96";
padding=2;
}
Everything [almost] works in ns 6, 7 opera 6, 7 and ie 5.1 and but for some reason these browsers no longer read the .subOn class which I didn't change. When you mouseover it won't change the font color and background color I have set. Anyone have any idea why or how to fix it, if it is fixable? Here's a link with an abbreviated one cell menu to see what is happening. The first page shows how it was before I did the fix so my design works in ns4 and the second is with the fix and shows what happens with the submenus in the other browsers
onclass="subOn";
offclass="subOff";
offbgcolor="#ffffee";
offcolor="#8e8b96";
padding=2;
}
http://www.poems2u.com/1/1.shtml
Thanks, Ruth