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 »

Comment's have been disabled, due to getting hit badly with comment form spam

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:

  • Ain't Pretending by CowbellOh Girl29 Jul 2010, 10:37
  • Just Want Your Love by CowbellOh Girl29 Jul 2010, 10:33
  • Oh Girl by CowbellOh Girl29 Jul 2010, 10:31
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.