Get a free trial // Grow your CSS skills // Land your dream job

Update needed for Video #7: Creating a Three State Menu

  • # November 3, 2008 at 3:42 pm


    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!

    # November 3, 2008 at 8:06 pm

    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: … placement/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed