Best Image Replacement Technique guide

07 October 2005   0 comments   Web development

http://www.mezzoblue.com/tests/revised-image-replacement/

Mind That Age!

This blog post is 12 years old! Most likely, its content is outdated. Especially if it's technical.

Powered by Fusion×

If you ever need to use the "Image Replacement Technique" in CSS which is what you do when you want to have a perfectly valid document with a title but to style the title with an image. This is very common on web standardised pages like any of the css Zen Garden pages

This summorised tutorial by Dave Shea is one of the best ones I've seen in a long time. As a layman it's difficult to know which one of the many methods I should use. Like many other techniques I rarely remember which one is better than the other. Usually my only guide is to look at the date of the article and assume that the newer the better. (than and other credentials such as who wrote it)

I wish there were more tutorials/guides like this one; not just in CSS techniques but also in programming like Python.

The one I used in the end was the Dwyer Method on my girlfriends Bella Voce website. I liked that one the best because it worked and it had the setting of the background-image in the same selector as the specifc height and width.

Follow @peterbe on Twitter

Comments

Thank you for posting a comment

Your email will never ever be published


Related posts

Previous:
Gmail catching up with the IssueTrackerProduct 04 October 2005
Next:
Dream: python bindings for squidclient 11 October 2005
Related by Keyword:
Dynamic image replacement technique 24 February 2006
Good design examples for a non-blog 09 June 2005
My favorite CSS Zen Garden design 10 January 2005
Related by Text:
CSS Bloat Comparison 03 June 2016
Ultrafast loading of CSS 01 September 2017
Photos from FWC China 2005 27 January 2006
django-static version 1.5 automatically taking care of imported CSS 11 January 2011
Are you a web developer? Then VisiBone is for you 22 January 2006