Click here to Skip to main content
11,712,270 members (74,908 online)
Rate this: bad
good
Please Sign up or sign in to vote.
See more: menu
Hi,

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

see my code
-----------

ASPX Code
---------
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" style="height:15;">
	                    <tr>
	                       
                            <td width="100%">
                            <div id="ddtopmenubar" class="mattblackmenu">
                            <ul>
                            <asp:Menu ID="Menu1" Orientation="Horizontal" runat="server"> 
                                    <items> 
                                        <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"> 
                                         
                                    </items> 
                            
                            </ul>
                            </div>
                         </td>
	                    </tr>
                        
                  </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 {
 background-color:Gray; 
 -ms-filter: alpha(opacity=70);
 -ms-opacity:0.7;
}
#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 20:34pm
gani77871.3K
Edited 7-Nov-11 18:33pm
v4

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

  Print Answers RSS
0 CHill60 335
1 Sergey Alexandrovich Kryukov 244
2 OriginalGriff 230
3 Andy Lanng 160
4 Maciej Los 130
0 CHill60 335
1 Sergey Alexandrovich Kryukov 245
2 OriginalGriff 230
3 Andy Lanng 160
4 Maciej Los 130


Advertise | Privacy | Mobile
Web04 | 2.8.150819.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