When I am on my local the menu items work perfectly there is 3 visible menuitems and when I hover over the first the drop down menu items appear. they are in a horizontal view and it looks great. when I load it up to my server the menu items become a list and the menu displays everything even the subcategory and it displays it vertically. I have tried using RenderingMode="table"
that displays the 3 pages and not the sub category. I then added staticdisplaylevels="3"
the categories and the subcategories are all listed in a horizontal line. the frame work on my local is 4.0
and the server is 4.0
. I have been trying this for several days and I just thought that I would post it up here for someone else to have a second look.
This is my master page navigation
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" Visible="false" onmenuitemclick="NavigationMenu_MenuItemClick" >
<LevelSubMenuStyles>
<asp:SubMenuStyle CssClass="level1" />
<asp:SubMenuStyle CssClass="level2" />
<asp:SubMenuStyle CssClass="level3" />
</LevelSubMenuStyles>
<StaticHoverStyle CssClass="hoverstyle"/>
<Items>
<asp:MenuItem NavigateUrl="~/page1.aspx" Text="Page1">
<asp:MenuItem Text="Sub1" Value="Sub1" NavigateUrl="~/page1.aspx" >
<asp:MenuItem Text="Sub1.1" Value=" Sub1.1" />
<asp:MenuItem Text="Sub1.2" Value="sub1.2"/>
<asp:MenuItem Text="sub1.3" Value= "sub1.3"/>
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/page2.aspx " Text="Sub2" Value="Sub2">
<asp:MenuItem Text="Sub2.1" Value="sub2.1" />
<asp:MenuItem Text="Sub2.2" Value="sub2.2"/>
<asp:MenuItem Text="Sub2.3" Value= "Sub2.3" />
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/page3.aspx" Text="Page3"/>
</Items>
</asp:Menu>
</div>
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</div>
<div class="clear">
</div>
</div>
<div class="footer">
</div>
</div>
</form>
</body>
</html>