Archive for the 'Image Sprites' Category
IE7 measuring sprites from bottom up?
2 Comments Published 2 years, 6 months ago in Browsers, CSS, Conditional Comment, Hacks, IE7, Image Sprites and background 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 [...]
Background image for visited links
1 Comment Published 2 years, 7 months ago in :absolute, :relative, CSS, HTML Elements, Id, Image, Image Sprites, JavaScript, Link, Unordered List, Z-Index and position 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 floated divs [...]
Hacking to fix for IE7
2 Comments Published 2 years, 8 months ago in :absolute, :block, :relative, CSS, Conditional Comment, Hacks, IE7, Image Sprites and background 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 2 years, 9 months ago in :after, Accessibility, CSS, CSS2, Image Sprites, Link, W3C, attribute selector, background and padding 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 countries.
Guillon’s original project [...]
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
- Yahoo! Boss now features keywords and more language support
- Make a niche search engine with Yahoo! BOSS
- CSS3 Attribute Selector Presentation
- Add Pagination to your Yahoo! BOSS search engine
- Create a tabbed search form with YUI
- Create your own Search Engine with Yahoo! BOSS
- 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
Archives
- 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 (5)
- :after (2)
- :block (3)
- :fixed (1)
- :focus (1)
- :hover (1)
- :none (2)
- :relative (4)
- Accessibility (26)
- AJAX (11)
- atmedia (6)
- attribute selector (8)
- background (10)
- Book Resources (4)
- Book Review (4)
- border (1)
- Browsers (10)
- Class (4)
- Code (1)
- Conditional Comment (7)
- CSS (72)
- CSS2 (7)
- CSS3 (6)
- Definition List (2)
- Developers (5)
- DHTML (15)
- display (3)
- Div (3)
- Dreamweaver (1)
- Firefox (9)
- first-child (1)
- Flash (8)
- FLORWAX (2)
- Form (3)
- 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 (32)
- JSON (3)
- Link (8)
- margin (1)
- media (1)
- microformats (6)
- min-height (2)
- negative margins (1)
- Online Resource (50)
- Opera (3)
- Other Links (1)
- overflow (2)
- padding (2)
- paxilled (2)
- PEAR (1)
- PHP (9)
- 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 (2)
- vertical-align (1)
- Video (1)
- visibility (1)
- W3C (8)
- Wordpress (2)
- XHTML (2)
- XML (3)
- XSL (3)
- Yahoo! (30)
- YUI (9)
- Z-Index (4)

