>>> I usually have a "standard" sprite which contains icons that never >>> repeat. A "horizontal" sprite which contains all of my >>> button/ribbon treatments as we use sliding door method a great >>> deal. And on occasion I also have a "vertical" sprite which >>> contained elements that repeat vertically such as shadow edges >>> where the required browser support didn't let me get away with >>> using CSS3 drop shadows. >[...] >> >> Thanks Elizabeth! Guess there are quite a few factors to consider. >> Seems like I'll have to determine the best approach to use after >> some experimentation. >> > >Yes. One consideration is the technique you use to add sprite images. My >favorite technique for most - not all - is to add them using :before or >:after content, and to position the pseudo-element absolutely. > >However, that's not supported in IE 6 and 7, nor is positioning of such >elements in Firefox older than 3.5. > >Personally, I'm giving old browsers only what they can handle. So, while >my method allows sprites to be close together in one image, the lack of >them in old browsers may not be acceptable to your client... > >As usual, design is the art of compromise. >-- >Cordially, >David
David would mind sharing some links to the various techniques you have/there are for implementing sprites? Or point to some resources? As a developer who believes in a progressive web I no longer support IE6 nor do I target anything lower than 3.6 in FF so those are two less browsers to worry about. Elli Vizcaino Web Designer & Developer http://www.E7Flux.com The Best Compliment We Can Receive Is A Referral! ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/