My question is this...
I am using the onclass/offclass properties in my menu styles. I have a specific look and feel I would like to atain with the menus. Including varying margins on the top, bottom, left, and right sides. I felt only CSS could give the flexibility I needed. Currently, I am using the onclass/offclass, bordercolor, and subimage properties in the menustyles (see below). I am completely happy with the look of the menus, until a submenu occurs. The submenu option looks fine at first, however after the cursor is dragged over the menu option, the margins/padding I have defined are doubled and the menu option is out of place. I believe I have tried everything, short of editing code, to fix the problem I am having. Could anyone help me to discover a way to fix this issue? After researching the problem, I found that the menu options are in a table inside a div. If a submenu image is defined another table is place in the cell and divided into two cells one for the text, the other for the image. When the code applies the onclass/offclass after initally generating the menus, it applies the class to the cells in the subordinate table as well. Is this a bug? Could it be fixed? CSS capabilities give the milonic menus a distinct advantage over every other javascript menuing system.
Here are my defined styles...
Code: Select all
with(TopMenuStyle=new mm_style()){
onclass = "topmenustyleon";
offclass = "topmenustyleoff";
}
with(TopSubMenuStyle=new mm_style()){
onclass = "topsubmenustyleon";
offclass = "topsubmenustyleoff";
bordercolor = "#444444";
subimage = "/art/default/indicator.submenu.gif";
}
Code: Select all
.topmenustyleoff {
font-size: 11px;
font-style: normal;
color: #ffffff;
padding: 3px 7px 4px 7px;
}
.topmenustyleon {
font-size: 11px;
font-style: normal;
color: #f6df99;
padding: 3px 7px 4px 7px;
}
.topsubmenustyleon {
font-size: 11px;
font-style: normal;
color: #f6df99;
padding: 2px 10px 2px 10px;
background-color:#5b5b5b;
}
.topsubmenustyleoff {
font-size: 11px;
font-style: normal;
color: #ffffff;
padding: 2px 10px 2px 10px;
background-color:#5b5b5b;
}
Nicholas