Iconize Textlinks with CSS

Have you ever clicked on a link and been surprised with the result? The worse culprit for this I would say is PDF documents.

PDF documents open up the Adobe Reader inside the browser, and most users don’t want this. They usually want to download it to print. Instead this ugly program loads and it takes a long time to load.

How can we let the user know what they are clicking on, so their are no surprises?

The simple answer is put a little logo on the link. At PoolieStudios.com they have come up with an easy solution. It looks at the extension of the file that you are linking to in your “href” and puts the appropriate icon next to it.

No manual work is needed, but the only catch is that it doesn’t work in IE6 due to the advanced CSS selector used.

No related posts.