Creative Web Specialist - An online portfolio and resource site of Warren Buckley

Latest Posts

Oct30th

File type icons on links using CSS revisited using jQuery

Author
Warren Buckley
Categories

This is a brief post revisiting my original post on File type icons on links using CSS however this time around I will be using jQuery to acheive the same affect as CSS3 is not fully supported in all browsers yet, so this is a good alternative.

Click here to view the jQuery demo on file type icons on links
Note: I need to address the CSS issue that is causing the icon to be clipped from the bottom.

With another ‘revisited’ post done expect to see some more jQuery examples I have been working on shortly, until then enjoy

3 comments
Lesley
04th August, 2008
Hi Warren,
The link above to the demo is broken, saying "directory listing denied" :(
Warren Buckley
04th August, 2008
Hi Lesley,
Thanks for letting me know for the broken links. Probably stopped working when I done the move from wordpress a few months ago.

Warren
Daniel Rodriguez
15th April, 2009
Thank you for the example. It pointed me in the right direction.

As for the icon being clipped at the bottom: specify either a padding or a height in the css.

.PDF { background-image:url(icons/pdf1.gif); background-repeat:no-repeat; background-position:top left; padding-left:54px; height: 54px; }
Post a comment »

Sorry I have had to disable comments, as I am getting hit way to hard with comment spam and currently don't have the time to deal with it. If you wanna send me an email - it's warren @ [this site domain]

Categories

Recently

Categories

Monthly Archives

My Skill Set

This is a quick list of my skill set to date

  • XHTML
  • CSS
  • Photoshop (Slicing)
  • XSLT
  • ASP.NET
  • Umbraco .NET CMS

My Links

Umbraco
Xeed
Profiles

My del.icio.us

My Last.FM

I am listening to:

  • My Cruel Joke by SoulwaxMuch Against Everyone's Advice5 Sep 2010, 17:10
  • Much Against Everyone's Advice by SoulwaxMuch Against Everyone's Advice5 Sep 2010, 17:07
  • Stars by The xx5 Sep 2010, 16:43
Warren Buckley is an umbraco MVP 2008/2009 Warren Buckley is an umbraco level 1 certified developer

Photo of Warren Buckley Warren Buckley is a Creative Web Specialist based in Leigh on Sea, Essex , UK.