Putting Icons Beside Your Hyperlinks

Want to put icons next to your hyper links?

a href="files/holidays.pdf">View Holidays</a>
a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat center right;
}

This means: a link whose href attribute will end with ‘.pdf’. It’s nice.

You can use $ as ends with, ^ for starts with and some more. Look here for more information and samples.
It’s fantastic. :X

—
REZA++

Light Box

A cool library for your pictures: Light Box

—

REZA++