well i can help you, just need to know what exactly you want to use in the background - an image or just a background color?
@devilx : Can you provide some draft of areas that you want to be clickable ? One pictures says more than 1000 words. Overlaying transparent <a> tag is perfect working solution but sometimes requires some scripting depending of the layout. It is hard to give you precise directions if we have so little details. A picture with scheme of areas ( content, clickable areas ) or code ( at least link to the webpage) will be welcome.
It's simple :: <html> <head> <title></title> <style type="text/css"> /* to posite the adv. */ a.advertisement img { position:absolute; top:0px; left:0px; /* this posite the adv. to left */ height:100%; width:300px; /* to style it use these code */ box-shadow:0px 0px 4px -1px black, inset 0px 0px 1px 0px white; border-radius: 5px; } </style> <body> <a class="advertisement" href="your link" ><img src="adv~image"/></a> </body> </html>
In My View You Should Not Do Like This Because It Makes Bad Impression Of Site. But If You Want You Can Add a href In Your Background Query.