Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Nyk
    Nyk is offline
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Horizontal CSS 3-image rollover menu w/ active tab?

    I'm looking for something similar to this:
    http://www.coremediadesign.co.uk/web...ia_design.html

    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!

  • #2
    Nyk
    Nyk is offline
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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:

    http://img819.imageshack.us/img819/8185/menuo.png

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

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •