I use a menu control with only 1 level of menus. there are 5 menus without any chid menus or submenus. In the menu items property box where I can set all the menu items (the roots, the actual menus) I can set and I set the NavigateUrl property pointing to a valid page in my project.
The menu is on a master page and it is supose to control the navigation between the content pages. as in if you click on the first menu it directs you to "default.aspx" and else other menu coul be "default2.aspx".
below. the problem is that when the page is viewed in Internet Explorer... it does not navigate att all to any other page. This problem does not seem to exist when i view the page in Firefox or Netscape.
below are the sources from my asp page and then after that is the source html rendered (only for 1 menu item) in 1st Internet Explorer and then Firefox. Notice the ONLY diffrence is in the 1st line where in the 1st it says onkeyup="Menu_Key(this)" using the word "this" and in the second one it says onkeyup="Menu_Key(event)" using the word "event"
How can I resolve this?
<
asp:Menu ID="Menu2" runat="server" BorderStyle="None" Font-Bold="True" Font-Names="Verdana"
Font-Size="XX-Small" Orientation="Horizontal" ItemWrap="True" MaximumDynamicDisplayLevels="0" StaticSubMenuIndent="0px" ForeColor="DarkRed" style="margin: 0px; background-image: url(Images/m32.gif);" BorderWidth="0px" BackColor="White" BorderColor="Transparent">
<Items>
<asp:MenuItem Text="HOME PAGE" Value="skilled" NavigateUrl="~/default.aspx"></asp:MenuItem>
<asp:MenuItem Text="NUMBER TWO" Value="work" NavigateUrl="~/default2.aspx"></asp:MenuItem>
<asp:MenuItem Text="NUMBER THREE" Value="buss" NavigateUrl="~/default3.aspx"></asp:MenuItem>
<asp:MenuItem Text="NUMBER FOUR" Value="famil" NavigateUrl="~/default4.aspx"></asp:MenuItem>
<asp:MenuItem Text="NUMBER FIVE" Value="stud" NavigateUrl="~/default.aspx"></asp:MenuItem>
<asp:MenuItem Text="NUMBER SIX" Value="visit" NavigateUrl="~/default2.aspx"></asp:MenuItem>
<asp:MenuItem Text="LAST NUMBER SEVEN" Value="holid" NavigateUrl="~/default3.aspx"></asp:MenuItem>
</Items>
<StaticMenuStyle Width="100%" Height="30px"/>
<StaticMenuItemStyle BorderStyle="Solid" Font-Bold="True"
Font-Names="Verdana" Font-Size="XX-Small" ItemSpacing="0px" Height="30px" BorderColor="Silver" BorderWidth="1px" />
<StaticSelectedStyle ItemSpacing="0px" BackColor="Gray" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" ForeColor="White" />
<StaticItemTemplate>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
<tr>
<td style="padding-right: 3px; padding-left: 3px; padding-bottom: 3px; width: 100%; padding-top: 3px; vertical-align: top; text-align: center;"><%#container.DataItem.text%>
</td>
<td style="padding-right: 3px; padding-left: 3px; padding-bottom: 3px; width: 100%; padding-top: 5px; vertical-align: top; text-align: right;">
<img src="images/20x10.jpg" style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" />
</td>
</tr>
</table>
</StaticItemTemplate>
<StaticHoverStyle BackColor="DarkRed" BorderColor="Black" BorderStyle="Outset" BorderWidth="1px"
ForeColor="White" />
</asp:Menu>
Source (1 menu item only) grom Internet Explorer:
</table></td><td style="width:0px;"></td><td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_Menu2n2"><table class="ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td><a class="ctl00_Menu2_1 ctl00_Menu2_3" href="default3.aspx">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
<tr>
<td style="padding-right: 3px; padding-left: 3px; padding-bottom: 3px; width: 100%; padding-top: 3px; vertical-align: top; text-align: center;">
NUMBER THREE
</td>
<td style="padding-right: 3px; padding-left: 3px; padding-bottom: 3px; width: 100%; padding-top: 5px; vertical-align: top; text-align: right;">
<img src="images/20x10.jpg" style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" />
</td>
</tr>
</table>
</a></td>
</tr>
And the source (1 menu item only) rendered in Firefox:
</table></td><td style="width:0px;"></td><td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(event)" id="ctl00_Menu2n1"><table class="ctl00_Menu2_4" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td><a class="ctl00_Menu2_1 ctl00_Menu2_3" href="default2.aspx">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
<tr>
<td style="padding-right: 3px; padding-left: 3px; padding-bottom: 3px; width: 100%; padding-top: 3px; vertical-align: top; text-align: center;">
NUMBER TWO
</td>
<td style="padding-right: 3px; padding-left: 3px; padding-bottom: 3px; width: 100%; padding-top: 5px; vertical-align: top; text-align: right;">
<img src="images/20x10.jpg" style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" />
</td>
</tr>
</table>
</a></td>
</tr>
Thank you
Marc