www.webdeveloper.com
Results 1 to 3 of 3

Thread: Multiple CSS rollovers

  1. #1
    Join Date
    Mar 2005
    Location
    UK
    Posts
    45

    Multiple CSS rollovers

    Hi

    I am now well versed in making CSS rollovers using the background-position technique. Now I have a page that has 12 different images that need rollovers. (There is actually around 10-15 pages that are similar too). I thought about using a huge sprite but the images are 140 x 200 so to make a sprite using 24 images that size may be a little OTT and may be quite a large filesize. Is there a way to create all these rollovers without having 2 lines of CSS for every rollover?

    thanks in advance

    Russ Clarke
    "Anyone can make the simple complicated. Creativity is making the complicated simple." Charles Mingus

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,105
    The sprite is the better way to go. It may be a larger file size, but it's going to be faster than loading all 24 images separately.
    I'm always up for networking with fellow web professionals. Connect with me on LinkedIn if you like!

  3. #3
    Join Date
    Mar 2005
    Location
    UK
    Posts
    45

    Thanks!

    Thanks for the reply...i'll give it a go.

    Cheers
    "Anyone can make the simple complicated. Creativity is making the complicated simple." Charles Mingus

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles