Hey Guys & Gals,

I have been developing a new website for my company in DNN 4.3 (previously had 3.2) for the last week and am building the skin from scratch which is something i didn't do last time.  I am having an absolute nightmare with solpart though.  I am essentially trying to build a menu very similar to the dotnetnuke.com menu in style.  I need major help though as I am basically going around in circles.  Basically I made a menu and it was rubbish, so I looked through the CSS on dotnetnuke.com and found the menu styling i was looking for (below).  Yet when I paste this into my skin.css and delete all other styles pertaining to the menu i get this very average looking thing that changes font sizing when hovered, the hovers come up as the default DNNBlue hover, the back of the drop down is white.  I just don't get it.  I have read through the documentation and just don't understand what i am doing wrong.  Can anyone help me out?

My implementation of Solpart in my ascx file is simply: <dnn:MENU runat="server" id="dnnMENU" /> and I have no xml file.

What am i missing?

.MainMenu_MenuContainer{ background:transparent; width:100%; }
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuItem{
 color:#777; font-weight:normal; font-size:11px;
 padding:3 15 3 10;
 border:1px #E3E3E3 solid; border-width:1px 0px;
}
.submenuitembreadcrumb{
 color:#cc0000; font-weight:normal; font-size:11px;
 padding:3 15 3 10;
 border:1px #E3E3E3 solid; border-width:1px 0px;
}
.submenuitemselected{
 color:#FFF; font-weight:normal; font-size:11px;
 padding:3 15 3 10;
 background:#cc0000;
 border:1px #E3E3E3 solid; border-width:1 0; 
}
.MainMenu_MenuArrow{
 padding:0 3 0 7;
 border:#E3E3E3 solid; border-width:1 1 1 0;
 text-align:right;
}
.submenu{
 z-index:1000;
 border-right:1px #E3E3E3 solid;
 padding:0px;
 margin-left:1px;
 color: #777;
 margin-left:2px;
 background:#E3E3E3;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=1);
}
.rootmenuitem TD{
 color:#777;
 font-size:11px; font-weight:bold;
 padding:0 5 0 3;
 background:transparent;
 height:32px;
}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
 color:#cc0000;
 font-size:11px; font-weight:bold;
 padding:0 5 0 3;
 background:transparent;
 height:32px;
}
.MainMenu_MenuBreak{
 border:0px;
 background:transparent;
}
.MainMenu_MenuBreak TD{
 color:#E3E3E3;
}

Thanks for any help you guys can offer,

Pete

K-Flex To see which styles get applied you can use the Firefox webdeveloper toolbar (add on). 

WRT your settings, the rootmenuitem classes are not applied since you did not define them in your skin .ascx.

You need to:  <dnn:MENU runat="server" id="dnnMENU" rootmenuitemcssclass="rootmenuitem" /> etc.

Peter