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

    Hi,

    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:

    http://elliotjaystocks.com/blog/archive … placement/

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".