title: HTML menu integration in ASP.NET
body: <p>ok. Where to begin with. I have just purchased this nice theme which I am integrating into ASP.NET web forms.</p>
  
  <p>So far so good the theme is working nice, However when I add more pages the menu and the drop down menus are not working.</p>
  
  <p>I have a default.aspx and then when I call another page I see the menu but the menu is not working and the drop down menus are not working too.</p>
  
  <p>What am I missing here? I am using master pages.</p>
  
  <p>Here is the master page code.</p>
  
  <pre><code>    &lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Tutorial1.SiteMaster" %&gt;
  
  &lt;%@ Register Assembly="DayPilot" Namespace="DayPilot.Web.Ui" TagPrefix="DayPilot" %&gt;
  &lt;%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  
  &lt;head id="Head1" runat="server"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;PhaseGroup Customer Administration Panel&lt;/title&gt;
      &lt;link rel="shortcut icon" href="favicon.gif"&gt;
      &lt;!---CSS Files--&gt;
      &lt;link rel="stylesheet" href="css/master.css"&gt;
      &lt;link rel="stylesheet" href="css/tables.css"&gt;
      &lt;!---jQuery Files--&gt;
      &lt;script src="js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery-ui-1.8.17.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/styler.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.tipTip.js"&gt;&lt;/script&gt;
      &lt;script src="js/colorpicker.js"&gt;&lt;/script&gt;
      &lt;script src="js/sticky.full.js"&gt;&lt;/script&gt;
      &lt;script src="js/global.js"&gt;&lt;/script&gt;
      &lt;script src="js/flot/jquery.flot.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/flot/jquery.flot.resize.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;link href="Styles/mGrid.css" rel="stylesheet" /&gt;
  
      &lt;!---Fonts--&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css' /&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Ubuntu:500' rel='stylesheet' type='text/css' /&gt;
      &lt;!--[if lt IE 9]&gt;
    &lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
      &lt;!--[if lte IE 8]&gt;
    &lt;script language="javascript" type="text/javascript" src="js/flot/excanvas.min.js"&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
  
      &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="Form1" runat="server"&gt;
  
          &lt;!--- HEADER --&gt;
  
          &lt;div class="header"&gt;
              &lt;a href="dashboard.html"&gt;
                  &lt;img src="../img/logo.png" alt="Logo" /&gt;&lt;/a&gt;
              &lt;div class="styler"&gt;
                  &lt;ul class="styler-show"&gt;
                      &lt;li&gt;
                          &lt;div id="colorSelector-top-bar"&gt;&lt;/div&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;div id="colorSelector-box-head"&gt;&lt;/div&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="top-bar"&gt;
              &lt;ul id="nav"&gt;
                  &lt;li id="user-panel"&gt;
                      &lt;img src="../img/nav/usr-avatar.jpg" id="usr-avatar" alt="" /&gt;
                      &lt;div id="usr-info"&gt;
                          &lt;p id="usr-name"&gt;Welcome back, Michael.&lt;/p&gt;
                          &lt;p id="usr-notif"&gt;You have 6 notifications. &lt;a href="#"&gt;View&lt;/a&gt;&lt;/p&gt;
                          &lt;p&gt;&lt;a href="#"&gt;Preferences&lt;/a&gt;&lt;a href="#"&gt;Profile&lt;/a&gt;&lt;a href="index.html"&gt;Log out&lt;/a&gt;&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;ul id="top-nav"&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="../Products/ProductDetails1.aspx"&gt;
                                  &lt;img src="img/nav/dash-active.png" alt="" /&gt;&lt;p&gt;Dashboard&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="analytics.html"&gt;
                                  &lt;img src="img/nav/anlt.png" alt="" /&gt;&lt;p&gt;Analytics&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="tables.html"&gt;
                                  &lt;img src="img/nav/tb.png" alt="" /&gt;&lt;p&gt;Tables&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="calendar.html"&gt;
                                  &lt;img src="img/nav/cal.png" alt="" /&gt;&lt;p&gt;Calendar&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="widgets.html"&gt;
                                  &lt;img src="img/nav/widgets.png" alt="" /&gt;&lt;p&gt;Widgets&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="grid.html"&gt;
                                  &lt;img src="img/nav/grid.png" alt="" /&gt;&lt;p&gt;Grid&lt;/p&gt;
                              &lt;/a&gt;
                              &lt;ul class="sub-nav"&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;12 Columns&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;16 Columns&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="filemanager.html"&gt;
                                  &lt;img src="img/nav/flm.png" alt="" /&gt;&lt;p&gt;File Manager&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="gallery.html"&gt;
                                  &lt;img src="img/nav/gal.png" alt="" /&gt;&lt;p&gt;Gallery&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="icons.html"&gt;
                                  &lt;img src="img/nav/icn.png" alt="" /&gt;&lt;p&gt;Icons&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="#"&gt;
                                  &lt;img src="img/nav/err.png" alt="" /&gt;&lt;p&gt;Error Pages&lt;/p&gt;
                              &lt;/a&gt;
                              &lt;ul class="sub-nav"&gt;
                                  &lt;li&gt;&lt;a href="403.html"&gt;403 Page&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="404.html"&gt;404 Page&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="503.html"&gt;503 Page&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="typography.html"&gt;
                                  &lt;img src="img/nav/typ.png" alt="" /&gt;&lt;p&gt;Typography&lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  
  
          &lt;asp:ContentPlaceHolder ID="MainContent" runat="server" /&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>