Langridge`s Image Replaceement Technique: A Final Look

And now that you’re aware of the goal of this series, it’s time to summarize the topics covered in the last installment. In that tutorial  I showed you how to apply the image replacement method created by Stuart Langridge to the H2 headers of a trivial web page to improve their visual presentation.

The functionality of this method relies on combining the “height” and “padding-top” CSS properties to hide from view the text of the element being styled, while keeping its background image visible. Its implementation is really that easy.

Considering that in previous parts of the series, I discussed how to use other image replacement methods with H1, H2 and <a> elements, this last article will demonstrate how to apply Langridge’s approach to a few hyperlinks as well.

Now, let’s leave the preliminaries behind and start improving the look and feel of those wild web page links!