<pre lang="c#"> <!DOCTYPE html> <html> <head> <style> ul#menu { font-size: 20px; display: inline; min-height: 45px; overflow: auto; } ul#menu li { float: left; list-style: none; padding-left: 20px; background-color: #ff6a00; border-bottom: 2px solid #181818; border-top: 2px solid #303030; min-width: 160px; display: block; position: relative; min-height: 45px; } ul#menu li:hover { background-color: #808080; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')"; border-bottom: 2px solid #222222; border-top: 2px solid #1B1B1B; } ul#menu li a { text-decoration: none; padding: 0px; border-left: 3px solid rgba(0, 0, 0, 0); color: white; display: block; font-family: 'Lucida Console'; font-size: 18px; line-height: 45px; padding: 0 10px; text-decoration: none; text-transform: uppercase; text-align: left; } ul#menu li a:hover { border-radius: 5px 0 0 0; border-left: 3px solid #C4302B; color: #C4302B; } ul#menu li:hover { background-color: #DA251D; } ul#menu li ul { display: none; } ul#menu li:hover ul { display: block; } ul#menu li ul li { float: none; } #menu .submenu li:hover a { border-left: 3px solid #454545; border-radius: 0; color: #ffffff; } #menu > li:hover .submenu, .menu > li:focus .submenu { max-height: 2000px; z-index: 10; } #menu > li:hover .submenu li, .menu > li:focus .submenu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } </style> <title>Page Title</title> </head> <body> <div class="ThirdMenu"> <ul id="menu" class="menu"> <li>sangeet <ul class="submenu" id="submenu" <li>sdfsadf <ul class="thirdmenu" id="thirdmenu"><li>sdfsd</li></ul> </li> <li></li> <li></li> <li></li> </ul> </li> </ul> </div> </div> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)