Edit 5/6/10: What information should I add to assist in troubleshooting this? Thanks. MIke
I been unable to resolve two issues with the dnnnav style and my time is almost up.
I have not been able to locate what is needed in order to change the following: 1 My menu and sub menus are in-set like a normal ul would be. I want them to aligned on the left (like the default menu normally opperates). So, hovering over a menu item reveals the sub items right below its parent in stead of shifted over to the right. 2 My menu items are all picking up the main css link styles. I want the menu items to have white text.
Any instruction on how to resolve this would be much appreciated.
Thanks
Mike
I have a single dnnnav instance on my skin.ascx file...
ID="dnnNAV"
ExpandDepth="6"
StartTabID="1705"
Level="Child"
PopulateNodesFromClient="false"
ProviderName="DNNMenuNavigationProvider"
IndicateChildren="true"
ControlOrientation="Horizontal"
CSSControl="AllMenu">
My Skin.css file has the following related styles...
/* Menu CSS */
ul.AllMenu
{
padding-left:6px;
white-space: nowrap;
/* width: 100px;
margin-left: 0; */
background-image: url(menu-bar.gif);
background-repeat: repeat-x;
}
li.AllMenu
{
padding-left:6px;
white-space: nowrap;
/* width: 100px;
margin-left: 0; */
background-image: url(menu-bar.gif);
background-repeat: repeat-x;
}
.AllMenu
li
{
padding:2px 6px;
white-space: nowrap;
/* margin:0px 0px;
width: 100px; */
background-image: url(menu-bar.gif);
background-repeat: repeat-x;
}
.SubMenu
li
{
margin-bottom:0px;
white-space: nowrap;
background-image: url(menu-bar.gif);
background-repeat: repeat-x;
/* width: 125px; */
}
.menubar {
background-image : url(nav-bar.gif);
background-position: top;
background-repeat: no-repeat;
background-color: ffffff;
/* padding-right: 8px; */
height:30px;
background-position: bottom;
}