On Mon, 11 Jun 2007 16:19:12 +0200, cssd wrote: > > What's the most efficient way of doing image based tabs? > > First thing that comes to my mind are CSS sprites: > > http://alistapart.com/articles/sprites > > However, there are two approaches and I am not sure which one is best: > > 1. using one image for all the tab states > 2. using one image per tab that contains all states for particular tab > > In either case it work but I am afraid that in case #1 the image will slow > down the > page load - on the other hand loading 9 images for each of the tab is not > fast > either... > A student in the web class I attend tried several approaches. Working together, we found that the single image approach certainly seemed to load faster. And the one image was actually fewer kBytes, though not a lot.
The single image did give a better user experience, in our opinion. Our Internet connection in class is not the speediest in the world, and seeing the tabs appear one-by-one, as with the individual images, is rather disconcerting. With a single image, all the tabs appear at the same time. Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
