I'm using the technique in Chris' Video #7: Creating a Three State Menu and need a little help updating it. I want to take advantage of using a single sprite image since I need 9 buttons on my page and want to gain the benefits of one HTTP request and less file clutter. I just don't know how to change the CSS to do it.
I'm a novice, so can anyone tell me (in detail) how to modify the CSS for a row of buttons, so that I can use one sprite 9 buttons long, with the 3 states stacked vertically?
Basically, instead of using background-position top/center/bottom like I was doing, you use actual pixel positioning. I'd refer you to Elliot's tutorial:
I'm using the technique in Chris' Video #7: Creating a Three State Menu and need a little help updating it. I want to take advantage of using a single sprite image since I need 9 buttons on my page and want to gain the benefits of one HTTP request and less file clutter. I just don't know how to change the CSS to do it.
I'm a novice, so can anyone tell me (in detail) how to modify the CSS for a row of buttons, so that I can use one sprite 9 buttons long, with the 3 states stacked vertically?
Thanks guys!
http://elliotjaystocks.com/blog/archive ... placement/