You are Here: DHTML/CSS Home - Menu

DHtml CSS Menu

Its very simple to create memu with using css and dtml. you can create a simple menu using css and DHTML.

1. Create the menu with <ul> tag

<div id=exp_menu> <ul>   <li><a href="#">Home</a></li>   <li><a href="#">About us</a></li>   <li><a href="#">Contact</a></li>   <li><a href="#">Sitemap</a></li>   <li><a href="#">Feedback</a></li> </ul> </div>

Home  About us  Contact  Sitemap  Feedback

CSS for the menu

#exp_menu { background-color:#498949; padding:0; margin:0;}
#exp_menu ul {margin:0;padding:0;list-style:none;}
#exp_menu li {display:inline;margin:0;padding:0; line-height:25px; height:25px; }
#exp_menu a {text-decoration:none; color:#ffffff;padding-right:20px; padding-left:20px; padding-top:5px; padding-bottom:5px; margin:0;}
#exp_menu a:hover{ text-decoration: none; color:#ffffff; background-color:#004080;}

Example