Focus

This is the blog for my web design, development and marketing company, Red Kite Creative. Mostly what I'll be writing about is work-related but anything is fair game. Read more about me here...


View Debbie Campbell's profile on LinkedIn

What I'm Reading



View my bookstore













CSS Image Replacement Techniques

March 24th, 2008 by debbie campbell

I must admit that I’d never used IR on a site until today… my client wanted pretty H1 tags and Georgia wasn’t cutting it. So I did a little research and found that CSS-Discuss recommended the Gilder Levin Ryznar Jacoubsen (Version 1) technique to be one of the most accessibility-friendly; scroll down about 2/5 of the way to read more about this. Here’s the page with the technique spelled out for you.

This was super-easy to implement in both the HTML and CSS. It took me about 20 minutes to change 15 or so H1 headings to the new images and the client is now happy.

Posted in CSS |

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment a bit. Please stay on topic. If you submit spam or irrelevant comments, it will be deleted and your IP will be banned.