Click here to Skip to main content
11,932,681 members (51,351 online)
Rate this:
Please Sign up or sign in to vote.
See more: menu

My sub menu(Child Menu) not displaying properly in the Main menu(Parent Menu).

see my code

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" style="height:15;">
                            <td width="100%">
                            <div id="ddtopmenubar" class="mattblackmenu">
                            <asp:Menu ID="Menu1" Orientation="Horizontal" runat="server"> 
                                        <asp:MenuItem Text="Home" Value="First" NavigateUrl="~/Home.aspx"> 
                                        <asp:MenuItem  Text="Master" Value="Second"> 
                                            <asp:MenuItem  Text="Employee" Value="1" NavigateUrl="~/frmEmp.aspx"> 
                                            <asp:MenuItem Text="Vendor" Value="2" NavigateUrl="~/frmVendor.aspx"> 
                                            <asp:MenuItem Text="contract" Value="3" NavigateUrl="~/frmContract.aspx"> 
                                        <asp:MenuItem Text="Transaction" Value="Third"> 
                                            <asp:MenuItem Text="Trans1" Value="1"> 
                  </table>  <!--Menu End-->
CSS File
/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 11px Verdana;
list-style-type: none;
border-bottom: 1px solid red;
filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#0A4270', startColorstr='#0A4270', gradientType='0');
overflow: hidden;
width: 100%;
.mattblackmenu li{
display: inline;
margin: 0;
.mattblackmenu li a
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 5px 8px; /*padding inside each tab*/
	border-right: 1px solid red; /*right divider between tabs*/
	color: white;
.mattblackmenu li a:visited{
color: white;
.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
.mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
/*Modal Popup*/
.modalBackground {
 -ms-filter: alpha(opacity=70);
#nav table { display:inline;} 
#nav tr { display:inline; } 
#nav td { display:inline;} 
#nav a {display:inline;}
What is the problem over here..

Why sub menu is not displaying here....?

pls. help
Posted 6-Nov-11 21:34pm
Edited 7-Nov-11 19:33pm

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web01 | 2.8.151126.1 | Last Updated 8 Nov 2011
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100