Hello,
I am working on an ecommerce site and would like for the company logo to link to the home page. The problem is - the logo is actually a table background image. If possible, I would like to make it a linkable image that appears in the same location on the page. Here is the current code from frame.html The logo image is "top-gfx.png"
<table width="[screenwidth]" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="15"><img src="assets/templates/[template]/images/topL.png" width="15" height="15"></td>
<td style="background: url(assets/templates/[template]/images/topM.png) repeat-x;"><img src="assets/templates/common/images/spacer.gif" width="12" height="12"></td>
<td height="15"><img src="assets/templates/[template]/images/topR.png" width="15" height="15"></td>
</tr>
<tr>
<td style="background: url(assets/templates/[template]/images/leftM.png) repeat-y;"><img src="assets/templates/common/images/spacer.gif" width="12" height="12"></td>
<td class="data"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" align="left" style="background: url(assets/images/top-gfx.png) no-repeat;"><!--START: global_header-->
<!--END: global_header--></td>
<td width="50%" height="163" align="right" valign="top" style="padding: 15px 20px 0px 0px;"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right" style="background: url(assets/templates/[template]/images/search_bg.png) repeat-x;"><table border="0" cellpadding="5" cellspacing="0">
<tr>
<td><a href="view_cart.asp"><img src="assets/templates/[template]/images/bag.gif" width="130" height="34" border="0"></a></td>
<td class="cart-text">[ITEMSINCART] item(s) / Total: [SUBTOTAL]</td>
</tr>
</table>