Customize Menu      Download Menu      Start Again

Example Menu 27


 

HTML Code

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

CSS Code

     
/* ---------------------- Redslate nav ---------------------- */
#tabs27{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
#tabs27 ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#tabs27 ul li{display:block;float:left;margin:0 1px 0 0;}
#tabs27 ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
#tabs27 ul li a:hover,#tabs27 ul li a.current{color:#fff;background:transparent url(images/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */