Archive for the 'Image Sprites' Category
Adding style to your rel attributes with CSS
Closed Published 1 month, 3 weeks ago in CSS, CSS2, CSS3, Image Sprites, Link, W3C, attribute selector, background and microformats Digg ThisView the finished example: Adding style to your rel link.
There’s a little attribute in HTML links that is starting to get a bit of attention lately. The “rel” attribute is a sparsely defined attribute that applies some meta information about a link’s relationship to other documents. Unfortunately, this information is usually hidden from your users. [...]
Progressive enhancement of links using the CSS attribute selector
2 Comments Published 2 months, 2 weeks ago in :after, Accessibility, CSS, CSS2, CSS3, DHTML, Hacks, IE7, IE8, Image Sprites, Link, Online Resource, W3C, attribute selector and min-height Digg ThisAttribute Selector Test Page
We have avoided using CSS3 rules for too long. It’s been difficult to justify using rules that won’t work for a significant portion of our audience, Internet Explorer 7 and below. However, Internet Explorer 8 is coming out soon and does work with the features we like.
I think [...]
Image sprites - flexible and accessible packages
1 Comment Published 1 year, 10 months ago in Accessibility, CSS, Class, Definition List, HTML Elements, Image Replacement, Image Sprites, Span, Yahoo!, background and position Digg ThisUser generated ratings and reviews are an important part of all Yahoo! sites. You can find them on just about every page of Yahoo! Tech. It was important for us to develop a ratings presentation device that was easy to code, accessible, flexible, and as light-weight as possible. Our final [...]
IE7 background sprite bug - the saga continues
2 Comments Published 2 years, 2 months ago in Browsers, CSS, Hacks, IE7, Image Sprites, background and position Digg ThisI’ve been able to narrow down my problem with IE7b2 and background sprites. However, I still have not been able to create a stripped down test page that consistently mis-behaves. So my observations, while not scientific, could save you some hours of debugging.
Internet Explorer 7beta2 is not treating transparent png background images correctly. It sees [...]
IE7 passes the sprite test
1 Comment Published 2 years, 3 months ago in Browsers, CSS, IE7, Image Sprites, Quick Tips, background and position Digg ThisI came across an issue with Internet Explorer 7 beta displaying the rating stars incorrectly in Yahoo! Tech. After doing some testing, I realized the browser was measuring the sprite image from the bottom up, rather than the top down. This is a significant issue. I had to create a new set of rules [...]
About
You are currently browsing the Advanced CSS Design Resources - last-child.com weblog archives for the 'Image Sprites' category.
Longer entries are truncated. Click the headline of an entry to read it in its entirety.Latest
- ARIA support with the YUI library
- Yahoo Search Monkey in Paris
- Adding style to your rel attributes with CSS
- Progressive enhancement of links using the CSS attribute selector
- UTF-8 compatible accented characters
- Flickr Video is live
- Captioning Sucks and Needs a Jump Start
- How to fix your K2 powered wordpress blog after upgrading to 2.5
- Multiple asides categories in Wordpress?
- IE7 and IE8 hack behavior
Archives
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- October 2007
- September 2007
- August 2007
- July 2007
- June 2007
- May 2007
- April 2007
- March 2007
- February 2007
- January 2007
- December 2006
- November 2006
- October 2006
- September 2006
- August 2006
- July 2006
- June 2006
- May 2006
- April 2006
- March 2006
- February 2006
Categories
- :absolute (5)
- :after (2)
- :block (3)
- :fixed (1)
- :focus (1)
- :hover (1)
- :none (2)
- :relative (4)
- Accessibility (26)
- AJAX (10)
- atmedia (6)
- attribute selector (7)
- background (10)
- Book Resources (4)
- Book Review (4)
- border (1)
- Browsers (10)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (67)
- CSS2 (7)
- CSS3 (5)
- Definition List (2)
- Developers (4)
- DHTML (15)
- display (3)
- Div (3)
- Dreamweaver (1)
- Firefox (9)
- first-child (1)
- Flash (8)
- FLORWAX (2)
- Form (2)
- Form Button (2)
- Form Input (2)
- Form Select (1)
- Hacks (13)
- HTML Elements (10)
- Id (2)
- IE7 (24)
- IE8 (3)
- Image (2)
- Image Replacement (2)
- Image Sprites (9)
- JavaScript (29)
- JSON (3)
- Link (7)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (46)
- Opera (3)
- Other Links (1)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- PHP (7)
- position (10)
- Pre (1)
- Quick Tips (33)
- Safari (1)
- Span (2)
- Standardista (20)
- Table (1)
- Table Body (1)
- Table Head (1)
- Table Header (1)
- Table Header Scope (1)
- Table Summary (1)
- text-indent (2)
- Uncategorized (4)
- Unordered List (1)
- vertical-align (1)
- Video (1)
- visibility (1)
- W3C (8)
- Wordpress (2)
- XHTML (2)
- XML (3)
- XSL (3)
- Yahoo! (24)
- YUI (6)
- Z-Index (4)

