I have a small non-critical, but VERY annoying problem with the solpartmenu and it's massive possibilities for styling....
I have the .MainMenu_MenuItem, .MainMenu_MenuItemSel, .MainMenu_MenuItemAct, .RootMenu_MenuItem, .RootMenu_MenuItemActive and .RootMenu_MenuItem down pretty well, BUT....
The stylesheet for when the Mousebutton is clicked and the mousebutton is DOWN - none of these styles apply correctly to my skin?
If I have made myself unclear - the skin can be viewed at http://demo.martinmoesby.com. Try clicking on page 2 or 3 - and hold down the mousebutton......
I paste the RootMenu stylesheets and the SOLPART definition here...and then tell me what stylesheet I need to apply to get the stylesheet correct...
.ASCX definition :
<dnn:MENU ID="dnnMenu" runat="server" RootOnly="false" UseArrows="false"
UseRootBreadCrumbArrow="false"
UseSubMenuBreadCrumbArrow="false"
SubMenuCssClass="RootMenu_SubMenu"
RootMenuItemActiveCssClass="RootMenu_MenuItemActive"
RootMenuItemCssClass="RootMenu_MenuItem"
RootMenuItemSelectedCssClass="RootMenu_MenuItemSelected"
DelaySubmenuLoad="true"
RootMenuItemBreadCrumbCssClass="RootMenu_MenuItemActive"></dnn:MENU>
.CSS definition
.RootMenu_MenuItem td
{
width:121px;
font-family:Verdana;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
background-image:url('images/menu_inactive.gif');
background-repeat:no-repeat;
padding-top:5px;
}
.RootMenu_MenuItemSelected td
{
width:121px;
font-family:Verdana;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
background-color: Transparent;
background-image:url('images/menu_active.gif');
background-repeat:no-repeat;
padding-top:20px;
}
.RootMenu_MenuItemActive td
{
width:121px;
font-family:Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
background-image:url('images/menu_active.gif');
background-repeat:no-repeat;
padding-top:20px;
}
Any help would be appreciated.....