Langridge`s Image Replaceement Technique: A Final Look
(Page 1 of 4 )
Welcome to the final part of a 12-part series on image replacement techniques. By means of a strong hands-on approach, this series helps you start using these methods so you can add a fresh, appealing look to different text-based elements of your web pages, without having to sacrifice the cleanness of their structural markup.
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!
Next: Review: Langridge’s image replacement method with H2 elements >>
More Style Sheets Articles
More By Alejandro Gervasio