Need help on adjusting/spacing td elements

[janmejay]

I am developing a banner like place for my webpage. I am placing some images as shown in attached figures and as in below code. Images get arranged fine but problem comes when I put a href tag on a center image and try to open it in separate window. As soon as I add this tag ( bolded in below portion of code), images get widened and spaces messed up. I tried changing % for <td width=..%> but I am not able to fix it. If I remove this tag, things set fine but I am not able to provide a link to download the picture.

Is anything to do with td % that I am doing wrong here?

Your help is highly appreciated. Thanks for your time & support.

=====================
<table>
<tr>

<td width="10%">
<a href="....."><img src="pictures/logo.jpg" width="180" height="41" border="0" /></a>
</td>

<td width="1%" valign="middle" align="left">
<img src="pictures/dipa.gif" width="30" height="30" border="0" />
</td>
<td width="1%" valign="middle" align="left">
<img src="pictures/cand.jpg" width="55" height="55" border="0" />
</td>
<td width="1%" valign="middle" align="right">]<a href="pictures/guru.jpg" target="_blank">[/COLOR] <img src="pictures/guru.jpg" width="60" height="75" border="0" alt="swamiji"/></a>
</td>
<td width="1%" valign="middle" align="left">
<img src="pictures/cand_.jpg" width="55" height="55" border="0" />
</td>
<td width="12%" valign="middle" align="left">
<img src="pictures/dipa_.gif" width="30" height="30" border="0" />
</td>

<td width="3%">
<img src="../../photos/lamps/lamp2.gif" width="70" height="70" border="0" />
</td>
</tr>

</table>
==================================