Archive for the 'Image Sprites' Category
IE7 measuring sprites from bottom up?
2 Comments Published 5 years, 9 months ago in background, Browsers, Conditional Comment, CSS, Hacks, IE7 and Image Sprites Digg ThisI’m doing some IE7 hacking and was wondering what was going on with some of my sprites. They look fine in all of the browsers except IE7. For that lovely browser, I say with my teeth clinched, I’m getting really strange results. At first I thought it was a hasLayout issue, that I needed to [...]
Background image for visited links
1 Comment Published 5 years, 10 months ago in :absolute, :relative, CSS, HTML Elements, Id, Image, Image Sprites, JavaScript, Link, position, Unordered List and Z-Index Digg ThisI’ve been a recent convert to Design Meltdown. The site disects a visual theme and gives examples on how to use them and where they are being used. While exploring the latest post about sketches for the web, I noticed an interesting approach to the visited pages. The Breakdown The site has a series of [...]
Hacking to fix for IE7
2 Comments Published 5 years, 10 months ago in :absolute, :block, :relative, background, Conditional Comment, CSS, Hacks, IE7 and Image Sprites Digg ThisI’ve played around with IE7 for a while, but haven’t really started debugging with it until now. Fortunately, I’ve already set up the site to use conditional comments and deliver an IE6.css file and a separate IE7.css file. This has made it much easier to target the offending areas of the site. IE7 has had [...]
Attribute selectors to provide language information
1 Comment Published 5 years, 11 months ago in :after, Accessibility, attribute selector, background, CSS, CSS2, Image Sprites, Link, padding and W3C Digg ThisAttribute Selectors for International Web Sites Sébastien Guillon, recently wrote a post about using the CSS2 attribute selector and content rule to let visitors know what to expect when clicking on a link to an international web site. Inspired by his approach, I’ve simplified some of the code and added background images to represent the [...]
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
- Debugging aria-label on elements
- Design for users with Cognitive Disabilities
- Yahoo! Accessibility Lab code library
- Improve your WordPress site by forcing plugins to put JS at the bottom of the page
- CSS3 Gradient Backgrounds and Controlling Their Height
- Yahoo! to downgrade IE6 in 2011
- Best Practices for Creating JavaScript
- How to include a copyright symbol in any language
- A quick CSS3 sibling test with the video tag
- Cross-browser HTML5 video tag with fallback for Flash users
Archives
- December 2011
- September 2011
- August 2011
- December 2010
- November 2010
- October 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- September 2009
- May 2009
- March 2009
- January 2009
- November 2008
- October 2008
- September 2008
- 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 (6)
- :after (2)
- :block (4)
- :fixed (1)
- :focus (2)
- :hover (1)
- :none (2)
- :relative (4)
- Accessibility (28)
- AJAX (12)
- ARIA (1)
- atmedia (6)
- attribute selector (8)
- background (11)
- Book Resources (4)
- Book Review (4)
- border (1)
- Browsers (12)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (79)
- CSS2 (7)
- CSS3 (12)
- Definition List (2)
- Developers (7)
- DHTML (16)
- display (4)
- Div (3)
- Dreamweaver (1)
- Firefox (10)
- first-child (1)
- Flash (10)
- FLORWAX (2)
- Form (3)
- Form Button (2)
- Form Input (2)
- Form Select (1)
- Hacks (13)
- HTML Elements (10)
- HTML5 (9)
- Id (2)
- IE7 (24)
- IE8 (3)
- Image (2)
- Image Replacement (2)
- Image Sprites (9)
- JavaScript (36)
- JSON (3)
- Link (8)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (58)
- Opera (3)
- Other Links (2)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- Performance (1)
- PHP (9)
- position (11)
- Pre (1)
- Quick Tips (39)
- Safari (2)
- Siblings (1)
- Span (3)
- Standardista (22)
- 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 (2)
- vertical-align (1)
- Video (2)
- visibility (1)
- W3C (10)
- Wordpress (3)
- XHTML (2)
- XML (3)
- XSL (4)
- Yahoo! (36)
- YUI (13)
- Z-Index (4)
