GentlemanSquid Posted May 20, 2011 Share Posted May 20, 2011 (edited) nevermind Edited May 25, 2011 by gta_talk Link to comment Share on other sites More sharing options...
fred Posted May 20, 2011 Share Posted May 20, 2011 You need to use the :hover selector to change the background position. <ul id="nav"> <li id="blog">Blog</li> <li id="portfolio">Portfolio</li> <li id="music">Music</li> <li id="contact">Contact</li></ul> ul#nav { list-style-type: none; margin: 0; padding: 0}#nav li { background-image: url(http://i56.tinypic.com/vct7i1.jpg); background-repeat: no-repeat; width: 86px; height: 50px; float: left; margin: 0; padding: 0; text-indent: -10000px;}#portfolio { background-position: -86px 0; }#music { background-position: -172px 0; }#contact { background-position: -258px 0; }#blog:hover { background-position: 0 -51px; }#portfolio:hover { background-position: -86px -51px; }#music:hover { background-position: -172px -51px; }#contact:hover { background-position: -258px -51px; } Link to comment Share on other sites More sharing options...
GentlemanSquid Posted May 20, 2011 Author Share Posted May 20, 2011 Nevermind I have fixed it. Delete topic please. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now