Iconize Textlinks with CSS



Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by its icon. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy.

The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after the link.

The CSS technique has been successfully tested with:
Firefox (Mac & PC), Camino, Safari, Opera (Mac & PC) & Internet Explorer 7 (6 doesn't work)


Resource Files

filetype   iconize-04.zip  [33.1 KB]

save all   download all files as a zip

Code Snippets
No code snippets have been uploaded for this style

Comments (0)
No comments have been posted for this style

Add A Comment



Some bbcode allowed - [code][/code], [b][/b]

Name:
(required)
Email:
(required - will not be published)
Website:
Comment:
Security Code: Enter the characters in the green box

Visual CAPTCHA