Menu Bar with CSS in ASP .NET C#

Source code:-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
  <style type="text/css">
        #cssmenu ul
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
            position: relative;
            display: block;
            height: 36px;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            background: transparent url('image/img (3).gif') repeat-x top left;
            font-family: Helvetica, Arial, Verdana, sans-serif;
            border-bottom: 4px solid #004c99;
            border-top: 1px solid #74b0c6;
            width: auto;
        }
        #cssmenu li
        {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
        }
        #cssmenu li a
        {
            display: block;
            float: left;
            color: #6d7078;
            text-decoration: none;
            font-weight: bold;
            padding: 12px 20px 0 20px;
            height: 24px;
            background: transparent url('image/img (1).gif') no-repeat top right;
        }
        #cssmenu li a:hover
        {
            background: transparent url('image/img (2).gif') no-repeat top right;
            color: #6d7078;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id='cssmenu'>
                        <ul>
                            <li><a href='index.html'><span>Home </span></a></li>
                            <li><a href='about.html'><span>About Us</span></a></li>
                            <li><a href='career.html'><span>Career </span></a></li>
                            <li class='last'><a href='contact.html'><span>Contact Us</span></a></li>                           
                        </ul>
                    </div>
</form>
</body>
</html>



 Out Put:-

Menu Bar with CSS in ASP .NET C# Menu Bar with CSS in ASP .NET C# Reviewed by NEERAJ SRIVASTAVA on 9:32:00 PM Rating: 5

1 comment:

Powered by Blogger.