Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Just noticed that the sprite used by Gmail for the button backgrounds in the UI is this:
And we all know these are the actual buttons in action:
Until now (and even now) my idea was that the adjacent icons in that tightly packed rectangular sprite would show up in whatever background images. But there is only one icon showing in any Gmail button.
Is it just CSS? Is it JavaScript? Is it.. magic?
It’s CSS, and some “extra calories” called nested DIVs. The actual icon is a separate DIV positioned in the center of the button that is barely big enough to fit one icon.