DotNetNuke DNN Hosting

Main menu – Solpart menu styling classes

.MainMenu_MenuBar

Sets the height of the menu bar section. This is highlighted by the red arrows below. Note that the sub-menu items appear directly beneath the menu bar. The default.css file uses two properties which cause invalid CSS code to the W3C standards. These elements are:

cursor: pointer;
cursor: hand;

cursor: hand;  is not considered as compliant code and cursor: pointer; should just be used (this changes the mouse to a hand sign when hovering over the menu, note however that if cursor: hand; is removed, in the Internet Explorer 5.5 browser, the mouse will not use the hand cursor. Read further info here.)

height: 16; needs to have the measurement unit added, ie: height: 16px;

Setting a background-color does not have any effect, so the transparent statement in the default.css file can also probably be removed without any problems.


Example:

.MainMenu_MenuBar
 {
    cursor: pointer;
    height: 50px;
}

Main Menu Bar
 


The default.css code:

.MainMenu_MenuBar {
    cursor: pointer;
    cursor: hand;
    height: 16;
    background-color: Transparent;
}