Clickable Background image

[Lazar]

Hi,

I'm trying to make a clickable background image in my css file. I defined a path to the background image in stylesheet.css but not shure how to make it clickable. This question is more about CSS than Zen Cart but if someone has already done this can it share with others?

My CSS looks like this:

body {
margin: 0;
font-family: arial, helvetica, sans-serif;
font-size: 0.72em;
color: #333333;
background: url('/images/background.jpg') #e5e5e5;
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
line-height: 17px;
}
-------------------

The line in red is what I defined in CSS.

Many thanks.

[keneso]

http://www.google.it/search?q=Clicka...ient=firefox-a

[ChrisYoung]

This may be useful to others.
I am using the avignon template for the zencart version v1.5.5d, so what I did may only work for this particular template.
I was trying to make the background image clickable but no matter what I tried I couldn't make it work.

So I went into the file for this template "includes/templates/avignon/common/tpl_header.php" to search for the text of "store name" (which can be edited in the admin>configuration>MyStore>Store Name) to see if I could at least make that clickable (I liked the background image without any logo).

I found the line of text that read...
<div class="headerTitle"><h1 class="shadow"><?php echo STORE_NAME; ?></h1><h1><?php echo STORE_NAME; ?></h1></div>

Edited that by adding (in red) a html code link as such...
<div class="headerTitle"><a href="http://yoursite.com/"><h1 class="shadow"><?php echo STORE_NAME; ?></h1><h1><?php echo STORE_NAME; ?></h1></a></div>

That made the whole background image in the header clickable which is what I wanted originally it to be.

I haven't checked to see if that works in any other templates, but it at least works for this nice template.

Cheers and I hope that helps someone else,
Chris.