Thanks. I am having a problem getting the menu to fully work. Maybe you can point me in the right direction? It is displaying as a bulleted list, but I cannot seem to get a vertical hover list with flyouts to work. I figure that I must have some kind of problem with the CSS being read. The test site is at http://vrarecycles.org.dnnmax.com/default.aspx. The interior pages are still HouseMenu. I put the these lines in the index.ascx file for my skin <%@ Register TagPrefix="Snapsis" Namespace="Snapsis.DNN.Skins" Assembly = "Snapsis.DNN.NavMenu" %> Also tried id=NavList and the pasted the code below into my skin.css file /***** Main menu *****/ /***** Snapsis menu *****/
.TabList {
font-size:120%;
}
#nav ul {
padding:0;
margin:0;
list-style:none;
float:left;
width:14.5em;
background-color:#d8edfb;
} #nav li {
position: relative;
float:left;
line-height : 1.25em;
width: 14em;
list-style: none;
} #nav li ul { /* second-level lists */
position : absolute;
left: -999em;
background-color:#d8edfb;
margin:-1.9em 0 0 14em;
border:1px solid #333;
} #nav li ul ul { /* third-and-above-level lists */
left: -999em;
background-color:#d8edfb;
border:1px solid #333;
} #nav a {
font-size:1.08em;
display:block;
width: 14em;
w\idth : 12.5em;
text-decoration:none;
font-weight:bold;
margin:1px 0 1px 2px;
padding : 2px 0 2px 6px;
border:1px solid #d8edfb;
color:#000;
}
#nav li a:hover {
background-color: #fff;
border:1px solid #333;
color:#000;
}
#nav li a.SelectedTab {
font-weight:bold;
background-color: #FFF;
color:#000;
}
#nav .DisabledTab {
color:#ccc;
}
/*no need to change these hover classes unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
left: -999em;
} #nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.iehover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
left: auto;
}
#navContainerBorder {
background-color:white;
padding:2px;
border:1px solid #333;
height:30em;
}
#navContainer {
border:1px solid #333;
background-color: #d8edfb;
height:30em;
width:12em;
vertical-align:top;
padding:10px 5px 10px 5px;
}
I have a skin.xml file and put in |