Hi. I'm a newbie and am working on a site that is imperative to bring up right away. I created a custom skin using CSS for styling and used the Home-Standard-Menu.ascx page from Dark Knight to start the skin.
My pages that are using the same Dark Knight skin display a drop-down submenu, but my skin does not. I can't figure out what might be the problem and am hoping you can help me. Here are my files:
home.ascx:
-----
<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TEXT" Src="~/Admin/Skins/Text.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LEFTMENU" Src="~/Admin/Skins/LeftMenu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LINKTOMOBILE" Src="~/Admin/Skins/LinkToMobileSite.ascx" %>
<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.DDRMenu.TemplateEngine" Assembly="DotNetNuke.Web.DDRMenu" %>
<%@ Register TagPrefix="dnn" TagName="MENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CONTROLPANEL" Src="~/Admin/Skins/controlpanel.ascx" %>
<%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %>
<dnn:STYLES runat="server" ID="LoversQuarrel" Name="LoversQuarrel" StyleSheet="http://fonts.googleapis.com/css?family=Lovers+Quarrel" UseSkinPath="false" />
<div id="ControlPanelWrapper">
<dnn:CONTROLPANEL runat="server" id="cp" IsDockable="True" />
</div>
<div id="thepage">
<div id="navwrapper">
<div id="Nav">
<dnn:MENU MenuStyle="DNNStandard" providername="DDRMenuNavigationProvider" runat="server"></dnn:MENU>
</div>
<div class="clear"></div>
</div>
<div id="wrapper">
<div id="bg_wrapper_top"></div>
<div id="header">
<div id="theh1"><h1>Weddings Year Round - Weddings for Every Season</h1></div>
<div id="logo"><a href="http://www.weddingsyearround.com" title="Weddings Year Round"><img src="https://www.dnncreative.com/images/wyrlogos/logo_weddingsyearround.png" alt="Weddings Year Round Wedding Resource Website Lancaster (South Central) Pennsylvania (PA)" width="164" height="147" /></a></div>
<div id="advert">
<div runat="server" id="AdvertPane"></div>
</div><!-- end advert pane -->
<div id="login_style" class="user">
<dnn:USER ID="dnnUser" runat="server" CssClass="user" LegacyMode="false" />
<dnn:LOGIN ID="dnnLogin" CssClass="user" runat="server" LegacyMode="false" />
<dnn:LANGUAGE runat="server" id="dnnLANGUAGE" showMenu="False" showLinks="True" />
</div>
<div class="clear"></div>
</div><!-- end header -->
<div id="contentmain">
<div id="thetopleft" class="leftdiv">
<div id="pagetitle">
<div runat="server" id="pagetitle"></div>
</div>
<div id="regbox">
<img src="https://www.dnncreative.com/images/pages/home/wyrfree.jpg" width="200px" height="65px" alt="register for a free account at weddings year round" />
<div id="regtxt"><div runat="server" id="regbox"></div></div>
</div>
<div id="featurebox">
<div id="featuretxt"><div runat="server" id="featurebox"></div></div>
</div>
</div>
<div id="thetoppic" class="rightdiv">
<div runat="server" id="thetoppic"></div>
<div id="homeslidetxt">Summer offers fresh flowers and a variety of produce</div>
</div>
<div id="maintitle">
Win With Weddings Year Round
</div>
<div class="clear"></div>
<div id="contentpane">
<div runat="server" id="contentpane"></div>
</div>
</div>
<div id="bg_wrapper_bottom"></div>
</div><!--end wrapper-->
<div id="contentblogs">
<div id="blogtitle" class="wyrfont">Blogs for Inspiration and Advice</div>
<div id="blog1">
<div runat="server" id="blog1"></div>
</div>
<div id="blog2">
<div runat="server" id="blog2"></div>
</div>
<div id="blog3">
<div runat="server" id="blog3"></div>
</div>
<div id="blog4">
<div runat="server" id="blog4"></div>
</div>
<div class="clear"></div>
</div>
<div id="contentbottom">
<div id="bottom_lefttop">
<div runat="server" id="bottom_lefttop"></div>
</div>
<div id="bottom_leftbottom">
<div runat="server" id="bottom_leftbottom"></div>
</div>
<div id="bottom_right">
<div id="bottom_right_txt"><div runat="server" id="bottom_right"></div></div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="footer_left">
<div id="Footer_LeftPane" runat="server"></div>
<a href="http://weddingsyearround.com/privacystatement.aspx" title="Privacy Statement">Privacy Statement</a>
<a href="http://weddingsyearround.com/termsofuse.aspx" title="Terms of Use">Terms of Use</a>
<a href="http://weddingsyearround.com/thesitemap.aspx" title "Site Map of Weddings Year Round">Site Map</a>
<a href="http://weddingsyearround.com/register.aspx" title "Register for a Free Account">Register for a Free Account</a>
<a href="http://weddingsyearround.com/login.aspx" title "Login to your Free Account">Login to your Free Account</a>
</div>
<div id="footer_right">
<div id="Footer_RightPane" runat="server"></div>
</div>
<div id="footer_bottom">
<div id="Footer_BottomPane" runat="server"></div>
<dnn:COPYRIGHT ID="dnnCopyright" runat="server" class="copyrighttext" />
</div>
<div class="clear"></div>
</div>
</div>
<dnn:DnnJsInclude runat="server" FilePath="jquery.cycle.min.js" PathNameAlias="SkinPath" />
<dnn:DnnJsInclude runat="server" FilePath="/DNNStandard/StandardMenu.js" PathNameAlias="SkinPath" />
<dnn:DnnJsInclude runat="server" FilePath="~/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js" />
<dnn:DnnCssInclude runat="server" FilePath="/DNNStandard/StandardMenu.css" PathNameAlias="SkinPath" />
skin.css:
----------
<br /> <br /> <br /> StandardMenu.css: <br /> ------------------- <br /> [CODE]
#dnnMenu{display:block;position:absolute;left:-6px;bottom:5px;z-index:2000;height:44px;width:974px;padding:0px;margin:0px;overflow:hidden;}
#dnnMenu .topLevel ul {margin:0px;padding:0px;}
#dnnMenu .topLevel{height:54px;position:relative;}
#dnnMenu .topLevel li{float:left;list-style-type:none;position:relative;margin:0px;text-align:center;}
#dnnMenu .topLevel li a{display:block;background-color:#D3D1BD;color:rgb(75,56,77);line-height:44px;width:150px;border:none;font-size:20px; text-decoration:none;}
#dnnMenu .topLevel li.hover a, #dnnMenu .topLevel li a:hover{color:#fff;background-color:#D3D1BD;text-decoration:none;}
#dnnMenu .topLevel li a div{display:block;line-height:44px;margin:0px;padding:0px;}
#dnnMenu .subLevel{display:none;position:absolute;width:auto;margin:0;padding:0;z-index:2000;}
#dnnMenu .topLevel li.hover .subLevel{display:block;white-space:nowrap;}
#dnnMenu .subLevel ul{margin:0;padding:0;position:relative;z-index:1200;}
#dnnMenu .subLevel li{float:none;clear:both;width:auto;}
#dnnMenu .subLevel li{margin-bottom:-.55em;}
#dnnMenu .subLevel li.item a div{display:block;color:orange;line-height:30px;padding:0 0 0 15px;}
#dnnMenu .subLevel li.item a div img{margin-right:.5em;width:16px;height:16px;vertical-align:middle;}
#dnnMenu .subLevel li.item a div span{}
#dnnMenu .subLevel li.item a:hover div{color:orange;}
#dnnMenu .subLevel li.first > a div{line-height:24px;padding:16px 0 3px 15px;}
#dnnMenu .subLevel li.last > a div{;line-height:24px;padding:3px 0 6px 15px;}
#dnnMenu .subLevel li.first.last > a div{display:block;line-height:30px;padding:8px 0 0 15px;}
#dnnMenu .subLevelRight{display:none;position:absolute;left:100%;top:-6px;width:auto;margin:0 0 0 -3px;z-index:2000;}
#dnnMenu .subLevel li.first > .subLevelRight{top:8px;}
#dnnMenu .subLevel li.first.last > .subLevelRight{top:2px;}
#dnnMenu .subLevel li.hover > .subLevelRight{display:block;}
#dnnMenu .subLevel li.first > .subLevelRight li.first > .subLevelRight {top:0px;}
#dnnMenu .subLevelRight ul{display:block;}
#dnnMenu .subLevelRight ul li{position:relative;}
#dnnMenu .subLevelRight ul li a{display:block;}
#dnnMenu .subLevelRight ul li a div{display:block;white-space:nowrap;}
#dnnMenu .subLevelRight ul li.first > a div{line-height:24px;padding:6px 0 0 15px;}
#dnnMenu .subLevelRight ul li.first.last > a div{padding:6px 0 0 15px;}