Click here to Skip to main content
15,907,001 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
i have the master page code to make a navigation menu however some weird performance are happening
this is the code
<div id="navigation">
               <ul id="nav">

                       <a href="../Pages/Default.aspx">Home</a></li>

                       <a href="../Pages/CompanyProfile.aspx">Company</a></li>

                    <li><a href="#">Products</a>
                            <li><a href="../Pages/Products.aspx">Hardware</a></li>
                            <li><a href="../Pages/Software.aspx">Software</a></li>
                            <li><a href ="../Pages/ITProducts.aspx">IT Products</a></li>


and this is the css
    height: 25px;
    background: linear-gradient(to top, #c2bcb5, #ffffff);

    display :inherit ;
     height :50px;
    list-style: none;
    text-align: center;

#nav ul {
    list-style: none;
    margin :0;
    padding :0;
    width :auto ;


#nav li 
    font-family : Times New Roman;
    font-size :20px;
    float: left;
    margin-top: 15px;
    text-transform: uppercase;
    padding: 0px 20px 0px 20px;
    border-left: 1px solid #FFFFFF;
  height: 30px;

#nav li ul li
    background-image: url(../Images/bar_background.png);
    background-repeat: no-repeat;
    background-size: cover;
    border: 3px solid #E3E3E3;
    display :block;
    padding-left: 10px;
     width: 0px;
    height: 30px;


i searched the web for drop down tutorials and no luck, its just on the products that i want the drop down ,but cant succeed in doing so any help would be grateful

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

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900