[stardotstar]

Great Lynne, adding that now! Thanks for the tip - then I manually override the CSS padding in the img tag?

Will


UPDATE - Wow FireBug is awesome - I can see myself learning heaps now that I have a bit more direct feedback and interpretation of the source!

This is what I think is causing the behavior that I have:

<table width="100%" cellspacing="4" cellpadding="0" border="0">
<tbody>
<tr>
<td class="alt2">
</td>
<td nowrap="nowrap">
</td>
<td width="100%"> </td>
<td width="100%">
<img src="images/helicopters/RJXHobby.gif"/>
<img src="images/modes/Mode-1.gif"/>

I notice the cellspacing ="4" and will try to override this in the template.

Thanks Lynne.
Will


Update 2: I seem to be able to use FireBug to get it to remove the cellspacing and cellpadding values and get the gap removed but only from the whole table - what I assume the postbit is in fact - a single table with a style of spacing and padding applied to rows and columns. How would I wrap special no spacing and padding around only the two columns and rows in question?

<td class="alt2" style="padding: 0px;">
<table width="100%" cellspacing="4" cellpadding="0" border="0">
<tbody>
<tr>
<td class="alt2">
<a href="member.php?u=1">
<img width="119" height="55" border="0" alt="stardotstar's Avatar" src="images/avatars/custom/avatar1_11.gif" title="stardotstar's Avatar"/>
</a>
</td>
<td nowrap="nowrap">
<div id="postmenu_1182882">
<a class="bigusername" href="member.php?u=1">
<span style="font-weight: bold; color: red;">stardotstar</span>
</a>
<script type="text/javascript">
1 vbmenu_register("postmenu_1182882", true);
</script>
</div>
<div class="smallfont" align="left" ;="">Will</div>
<div align="stylevar[center]" ;="">
<img src="images/flags/Eureka_Stockade.GIF"/>
<div>
<img alt="New South Wales" src="images/states/NSW.gif" title="New South Wales"/>
</div>
</div>
</td>
<td width="100%"> </td>
<td width="100%" cellpadding="0" cellspacing="0">
<img src="images/helicopters/X-Cell.gif"/>
<img src="images/modes/Mode-2.gif"/>
</td>
<td width="100%" cellpadding="0" cellspacing="0">
<div>
<img src="images/motors/OS.gif"/>
</div>
<div>
<img src="images/radios/JR_DSM.gif"/>
</div>
</td>
<td width="100%"> </td>
<td valign="top" nowrap="nowrap">
<div class="smallfont">
<div>Join Date: Aug 2003</div>
<div>Location: Uncertain</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div align="left"> </div>
<div> </div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
</tr>
</tbody>
</table>

this is what firebug shows me with the post bit highlighted.

The only way I can get the gap removed from the mode and helicopter, radio and motor image columns is by setting (in firebug)

<table width="100%" cellspacing="0" cellpadding="0" border="0">

This removes all the gaps and makes the rest of the data to tight.
I guess I need to isolate the cells in question by wrapping them in their own table data cellspacing and padding code...
Looking at this in DreamWeaver I see that the gap between cells is defined table wide as: stylevar[cellpadding] and if I change it to 0 there it applies to all elements.

In the attachment you can see the two columns selected - how would I change the padding between only these two to 0?
That is the question come down to.