HTML
- <div class="lefnav">
- <a href="#" class="active" title="Only For Css Menu">Only For Css Menu</a>
- <a href="#" title="Only For Css Menu">Only For Css Menu 2</a>
- <a href="#" title="Only For Css Menu">Only For Css Menu 3</a>
- <a href="#" title="Only Css Menu">Only Css Menu 4</a>
- <a href="#" title=" Css based Menu">Css based Menu</a>
- <a href="#">Only For Css Menu 6</a>
- <a href="#" title="Only For Css Menu">Only For Css Menu 7</a>
- </div>
CSS
- <style>
- div.lefnav {
- border:none;
- background:#44504f;
- padding:1px 1px 0 1px;
- width:200px;
- }
- div.lefnav a {
- display:block;
- height:25px;
- font:12px/25px Tahoma, Arial, Helvetica, sans-serif;
- background:#a7b0af;
- color:#2a302f;
- text-decoration:none;
- padding-left:10px;
- border-bottom:solid 1px #44504f;
- }
- div.lefnav a:hover, div.lefnav a:visited, div.lefnav a.active {
- background:#44504f;
- border-bottom:solid 1px #a7b0af;
- color:#FFFFFF;
- }</style>
Browser Compatability
- FireFox
- IE7
- Safari
- Opera
