Hi all!

I have 6 boxes on my home page that each has a background image via CSS.

I'd really like for the image or the div to be clickable to each of it's respective categories. Currently only the text is a hyperlink.

Thinking maybe Javascipt? Can anyone help me out?

CSS Example:

.box-dog {
min-height: 10px;
padding-bottom: 10px;
background-image: url(../images/homeboxes/dog.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}

Site in profile...


Julie
Browns Summit NC USA

Hi Julie

You can set the link on the background image which might work for you eg http://ran.ge/2009/11/11/css-trick-turning-a-background-image-into-a-clickable-link/ or a bit more involved for a div https://stackoverflow.com/questions/796087/make-a-div-into-a-link

Andy

Please feel free to review / rate our software

Hi Andy,

I tried both of those and just couldn't get it to work. I searched everywhere as it seems a popular question. Lots of forum posts and answers but everything I tried wouldn't create a link or messed with the positioning.

Julie
Browns Summit NC USA

Unfortunately it's not one of those things that is just a copy & paste. It does require a bit of tweaking.

Andy

Please feel free to review / rate our software