Need help combining a logo image with a header image.

[lew26]

I have two image one is a header and the over is the logo when the user hovers over the logo on the left side it will take them to home page. The problem is the logo has words and is long in height than the header. The words on the logo continue on the header. I am trying to combine then put having no luck.


How do i combine the two, and place the naviagtion under the header?

Link: http://carpartwarehouse.co.uk/design/default.htm


<div id="header">
<table>
<tr>
<td align="right" style="padding: 0px 0px 0px 0xp; margin: 0px 0px 0px 0px; vertical-align: top;
height: 143px; width: 120px; text-align: right;">
<a href="../default.asp" style="border: none;">
<img src="../images/header/logo.jpg" style="width: 120; height: 143; border: none;"
id="logo" alt="Logo" title="Logo" /></a>
</td>
<td align="left" style="padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; vertical-align: top;
height: 116px; width: 391px; text-align: left;">
<img src="../images/header/hdr_header.jpg" style="width: 391; height: 116; border: none;"
id="hdrheader" alt="Header" title="Header" />
<div id="Div1">
<!--START TOP MENU -->
<!--#include file="editor/horonavbar.html"-->
<!--END TOP MENU -->
<div class="cb">
&nbsp;</div>
</div>
</td>
<td class="headerlinks" style="width: 500px">
<%NavigateShowMiniCartRight "short"%>
</td>
</tr>
</table>
<div class="cb">
&nbsp;</div>
</div>

[Wickham]

You could combine the two images using a graphics program like Irfanview (free) or Photoshop, then make an image map which uses coordinates to create a link over part of the image.

See http://www.wickham43.net/imagemaps.php items 1 and 2a.

You would need to create a transparent gif for item 2a.