View Full Version : Horizontal CSS 3-image rollover menu w/ active tab?

08-24-2010, 05:45 PM
I'm looking for something similar to this:

What are the best options available for such a menu? It needs to keep the active tab a different color and use three images for the rollover effect. Must also be usable in IE6.

Thank you!

08-25-2010, 08:21 AM
Anyone? I have looked at all kinds of sprite menu tutorials and they all use one big image. I want to use text and only one background image for each tab. For example, that site I mentioned uses the following background image for their tabs:


I want to use an image like that, repeat it on the x-axis for each tab, and have it hover/active when necessary.

08-25-2010, 08:43 AM
You could modify the one explained at http://www.alistapart.com/articles/slidingdoors/ by adding and extra background-image property in the :hover pseudo selector.