Gray Vertical Menu

gray v menu

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