Thin Lines around tables

[twillis]

Hi,

I have a basic framework for my website:

<table border="0" cellspacing="0" cellpadding="0" class="margin-box">
<tr>
<td align="center" valign="middle"><table border="0" align="center" cellpadding="0" cellspacing="0" id="background">
<tr>
<td colspan="3" id="banner">&nbsp;</td>
</tr>
<tr>
<td colspan="3" id="nav"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8%">&nbsp;</td>
<td width="7%">&nbsp;</td>
<td width="7%">&nbsp;</td>
<td width="78%">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td width="145" height="141" align="center" valign="top" id="pic ">&nbsp;</td>
<td width="363" valign="top" id="content">&nbsp; </td>
<td width="160" align="center" valign="top" id="pic ">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

I would like to have a thin black line around the whole table and around the individual columns. I know how to achieve this but when I try and put this into practice I can never get the desired affect.

I would like it similar to this website for example:

<Sorry, no example urls.
See Terms of Service [webmasterworld.com]>

Any help would be appreciated
Thanks

[edited by: tedster at 11:11 pm (utc) on June 15, 2005]

[digitalv]

You need to change your "border=0" to "border=1" in your <table> line first. Then you can control the style/thickness of the line through CSS.