Hi guys, was wondering if anyone knows an image replacement technique that works on links? This is the code I've been using until now but it only works on headings ...

 

{height: 0px !important;

height /**/: 40px;

padding-top: 40px;

background-image: url('example.gif');

background-repeat: no-repeat;

overflow: hidden;}

 

I've tried using buttons sometimes, but I don't know if that's not bad SEO, and I've tried using pictures in the HTML, but this time I need there to be rollovers so don't think I can do that ('cept with javascript and then it won't validate ...).

 

Does anyone have any bright ideas? This has been bugging me for weeks now

 

Many thanks,

 

Kirsty

Hi, if you have a look at this, it should help you out. It's actually about stopping background-image flicker but the technique will work for you too.

PS excuse the site, I clearly haven't done anything with it yet.... one of these days

Brilliant - Thankyou! I'll let you know how I get on..

Wow Elanman, you're my hero!

 

That works great, thankyou so much

Good Stuff!!