I am trying to modify a template navigation bar. It has 4 links like Home, About Us etc. What I would like to end up with is 8 links (not sure what you call these things). So I figured all I would need to do is cut the "width" in half for each of the links and then add 4 more. This isn't working
For example, I changed the td width="137" to "68", width 150 to 75 etc.
If anyone could help me out, I would appreciate it.

<table cellpadding="0" cellspacing="0" border="0" height="24" width="667" id="table2">
<tr>
<td width="10" height="24" align="center">
<div style="padding-left:3px; padding-top:0px">
&nbsp;</div>
</td>
<td width="137" height="24" align="center" bgcolor="#E0EBE9">
<a class="blacktext" href="index.html">
<span style="text-decoration: none; font-weight:700">Home</span></a></td>
<td width="10" height="24" align="center" bgcolor="#E0EBE9">
<font color="#486962"><b>|</b></font></td>
<td width="150" height="24" align="center" bgcolor="#E0EBE9">
<b>
<span style="text-decoration: none">
<font style="font-size: 9pt">Articles</font></span></b></td>
<td width="10" height="24" align="center" bgcolor="#E0EBE9">
<font color="#486962"><b>|</b></font></td>
<td width="145" height="24" align="center" bgcolor="#E0EBE9">
<b>
<span style="font-size: 9pt; text-decoration: none">Contact Us</span></b></td>
<td width="10" height="24" align="center" bgcolor="#E0EBE9">
<font color="#486962"><b>|</b></font></td>
<td width="158" height="24" align="center" bgcolor="#E0EBE9">
<b>
<span style="font-size: 9pt; text-decoration: none">About Us</span></b></td>
<td width="10" height="24" align="center">&nbsp;
</td>
</tr>
</table>

Thanks,
Zeek

Split last cell into four columns and then change table width.
You have also columns with one vertical line (some divider).

Better solution: use CSS for navigation links....something like:

<div id="menuBar">
<ul>
<li>Menu1</li>
<li>Menu2</li>
<li>Menu3</li>
<li>Menu4</li>
<li>Menu....</li>
</ul>
</div>

After that, display inline, play around with a:hover an li a....

<td width="137" height="24" align="center" bgcolor="#E0EBE9">
<a class="blacktext" href="index.html">
<span style="text-decoration: none; font-weight:700">Home</span></a></td>
<td width="10" height="24" align="center" bgcolor="#E0EBE9">
<font color="#486962"><b>|</b></font></td>

These are lines 8-12 of your code.

Paste these lines after line 12 and efit the href= and "Home" to change the text and it's link destination. You can paste it three times consecutively to create three more links for example, however the above solution is definitely a better one.