Removing my overuse of tables.

Hi

I am relatively new to HTML and I would appreciate some advice…

I have created a new top nav bar (the grey buttons – ignore the socks one, I’m going to change that tommorow) for [url]www.kjbeckett.com[/url] however each button has spacing between them which I dont want.

Based on my reading I think I simply have to remove the <th scope=”col”></th> that wraps around each link. This would reduce the spacing between each buttton so that each image touches the one next to it.

e.g.

[QUOTE]

<table width=”100%” align=”” border=”0″ cellpadding=”0″>
<tr>
<th scope=”col”><a href=”http://www.kjbeckett.com/acatalog/mensbelts.html”><img src=”http://www.kjbeckett.com/acatalog/topbut-belts.gif” alt=”Belts” name=”topnavbelts” width=”73″ height=”18″ border=”0″ id=”topnavbelts”></a></th>
<th scope=”col”><a href=”http://www.kjbeckett.com/acatalog/cufflinks.html”><img src=”http://www.kjbeckett.com/acatalog/topbut-cufflinks.gif” alt=”Cufflinks” name=”topnavcufflinks” width=”73″ height=”18″ border=”0″ id=”topnavcufflinks”></a></th>
…

[/QUOTE]

would become:

[QUOTE]

<table width=”100%” align=”” border=”0″ cellpadding=”0″>
<tr>
<a href=”http://www.kjbeckett.com/acatalog/mensbelts.html”><img src=”http://www.kjbeckett.com/acatalog/topbut-belts.gif” alt=”Belts” name=”topnavbelts” width=”73″ height=”18″ border=”0″ id=”topnavbelts”>
<a href=”http://www.kjbeckett.com/acatalog/cufflinks.html”><img src=”http://www.kjbeckett.com/acatalog/topbut-cufflinks.gif” alt=”Cufflinks” name=”topnavcufflinks” width=”73″ height=”18″ border=”0″ id=”topnavcufflinks”></a>

[/QUOTE]

Is this theory correct? Is there anything I should replace the <th> tags with to ensure the page is built correctly?

Paul

Also in #HTML _↴