Customize Menu      Download Menu      Start Again

Example Menu 31


 

HTML Code

    
<div id="tabs31">
	<ul>
	<li><a href="#" title=""><span>Home</span></a></li>
	<li><a href="#" title=""><span>About Us</span></a></li>
	<li><a href="#" title="" class="current"><span>Services</span></a></li>
	<li><a href="#" title=""><span>Our Work</span></a></li>
	<li><a href="#" title=""><span>Contact Us</span></a></li>
	</ul>
</div>
        

CSS Code

     
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#tabs31{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(images/bgOFF1.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #B30000;}
#tabs31 ul{margin:0;padding:0;list-style-type:none;width:auto;}
#tabs31 ul li{display:block;float:left;margin:0;}
#tabs31 ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(images/bgDIVIDER1.gif) no-repeat top right;}
#tabs31 ul li a:hover,#tabs31 ul li a.current{color:#B30000;background:#fff url(images/bgON1.gif) no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */