Comments on: CSS Trick: Turning a background image into a clickable link

By: Tim Rodgers

Tim Rodgers — Mon, 06 Sep 2010 16:27:10 +0000

i give up. lets try it this way

div id=”1a”
a href=”#”
Home
/a
/div>

By: Tim Rodgers

Tim Rodgers — Mon, 06 Sep 2010 16:25:23 +0000

ok.... still didn't come through.Home

By: Tim Rodgers

Tim Rodgers — Mon, 06 Sep 2010 16:22:23 +0000

sorry.. the HTML code didn't come through."Home"

By: Tim Rodgers

Tim Rodgers — Mon, 06 Sep 2010 16:20:50 +0000

I have no idea what I’m doing wrong… I came to this page because everything I had tried failed. I’ve coded everything exactly like it does here, even made some modifications, and nothing works. Not in IE, not in Firefox or Chrome, nothing. Here’s my code:

HTML:
Home

CSS:
#1a {
width:75px;
height:25px;
background:url(menu4.png);
display:block;
}
#1a a {
width:75px;
height:25px;
display:block;
background:url(menu4.png);
}

I tried giving the anchor tag an id, as in the tutorial, but that didn’t work. My guess is that anchor tags can’t have ids…? But changing it to the code above didn’t work either. I don’t get it.

By: Mary Soco Ortiz

Mary Soco Ortiz — Tue, 31 Aug 2010 16:59:09 +0000

Thank you very much!
Not exactly what I was looking for, but gave the desired result!

By: Ray

Ray — Fri, 06 Aug 2010 03:26:25 +0000

Hi Aaron,

Many thanks for the tip and the code. Works very well and has solved a problem for me.

Regards,

Ray

By: Matthew Espinet

Matthew Espinet — Thu, 05 Aug 2010 20:49:18 +0000

Seems super hacky, but it works. aaand i really needed it. Thank a bunch!

By: G

Wed, 04 Aug 2010 14:27:06 +0000

thanks for the info, I was looking for something like this =D

By: Mr. Renra

Mr. Renra — Thu, 29 Jul 2010 15:21:28 +0000

good info

By: sedd

sedd — Mon, 05 Jul 2010 09:02:37 +0000

thanks for info, but I like Video Avatar (geovid.com)