No replies
pisti
pisti's picture
Offline
newbie
Last seen: 9 years 43 weeks ago
Timezone: GMT-7
Joined: 2010-01-22
Posts: 3
Points: 5

I have a horizontal Sprite menu that is working correctly, except that I can't get an active state to work when I navigate to the corresponding page to the button. I am out of ideas and wanted to know if anyone could point me in the right direction? Here is my code..

	<div class="nav">  
<ul id="menu">
	<li><a href="../About.html" id="AboutLink">About</a></li>
    <li><a href="../ServicesRoutine.html" class="services">Services</a></li>
    <li><a href="../Products.html" class="products">Products</a></li>
    <li><a href="../FAQhealth.html" class="faq">FAQ</a></li>
    <li><a href="../Contact.html" class="contact">Contact</a></li>
</ul>
</div><!--nav-->

.nav {
	list-style: none;
	width: 542px;
	height: 74px;
	margin-top: 31px;
	padding-left: 145px;
	background: url(images/Nav/nav.gif) no-repeat;
}	
 
 
ul#menu {
	width: 484px;
	margin-left: 20px;
	list-style: none;
}
 
ul#menu li { display: inline; }
 
ul#menu li a {
	display: block; float: left; height: 45px;
	background-image: url(images/menu-sprite.png); text-indent: -9999px;
}
 
	ul#menu li a#AboutLink {
		width: 86px; background-position: 0 0;	
	}
 
		ul#menu li a#AboutLink:hover, ul#menu li a#AboutLink:focus {
		background-position: 0 -45px;	
	}