css linking background image?

[ClubMed]

I have set a background-image in css. I'm wondering if it would be possible to turn this background-image into a link too? (im hoping to save myself some work)

[large_nostril]

I'm not entirely sure what you want accomplished but the answer is maybe. If you have a defined element, it can be a link. If it's just a background-image, probably not. If you are willing to share your source code and can better describe what you want, I can probably help. Here is a basic example how to turn an element into a link using javascript:

<TABLE cellpadding="0" cellspacing="0" border="1" width="200" height="200">
  <TR width="200">
    <TD onClick="window.open('http://www.google.com','_blank');" width="100" height="100" style="background-image: URL(http://www.lucidintegration.com/dbpro/link.gif);">
      &nbsp;
    </TD>
    <TD width="100" height="100" style="background-image: URL(http://www.lucidintegration.com/dbpro/nolink.gif);">
      &nbsp;
    </TD>
  </TR>
  <TR width="200">
    <TD width="100" height="100" style="background-image: URL(http://www.lucidintegration.com/dbpro/nolink.gif);">
      &nbsp;
    </TD>
    <TD onClick="window.open('http://www.hotscripts.com','_blank');" width="100" height="100" style="background-image: URL(http://www.lucidintegration.com/dbpro/link.gif);">
      &nbsp;
    </TD>
  </TR>
</TABLE>

[ClubMed]

Here's my css code for the banner:

#banner {
        font-family: Verdana, Arial, sans-serif;
        color: #FFFFFF;
        background-color: #66442A;
        background-image: url(banner.gif);
        text-align: left;
        padding: 15px;
        border-bottom: 0px solid #FFFFFF;
        height: 169px;
        }

This is a banner that is displayed on all pages. As you can see, banner.gif is the background-image of the actual banner area. Only later did I realise that it would have been nicer to make the banner image a link back to the main site.

So to save myself the work of removing the background-image and pasting an image into the banner (+ all the work of reajusting the dimensions etc...) I was wondering if I could cheat somehow and just turn the background-image into a link, or perhaps i could turn the whole banner area (regardless of image) into a link?

[large_nostril]

Probably the best way to do it is to use a filler image (a transparent GIF that is 1x1px). Put the image in the area where your banner is at, and then give it the height= and width= attributes to have it the same size as the banner and make it a link. Something kinda like this:

<A HREF="yourlinkhere"><img src="filler.gif" width="100" height="169" border="0"></A>

Stick that in the area where your banner will appear and you now have a link.

[ClubMed]

ah i like that idea, thanks!