February 2010 Meeting Report: Clickable Background Images

At recent meetings, we have looked at styling links and positioning elements with CSS. This month, we took those styles and added background images to create a clickable image that was entirely styled with CSS.

The technique was based on the article Clickable Background Images Via CSS. We started by reviewing the HTML technique for making an image clickable, and we talked about the deficiencies of that approach. Then, we showed how CSS background, position, display, height, and width could be brought together to achieve the same result while keeping all presentational elements in the style sheet.