Uniform width columns in navigation/index table

[grumpygit]

Hi.
I am trying to get the columns in the navigation/index table to all be the same width on the page in link below. Code in attached .zip file
Any advice would be greatly appreciated as I am a complete novice when it comes to CSS.
Thanks.
GG

http://jinx.byethost13.com/template.php

[grumpygit]

New link to page. Link given above is no longer valid.
http://jinx.byethost13.com/tektionary.php

<!-- INCLUDE overall_header.html -->
 
<style type=text/css>
table.nav {font-size: 18px;
            width: 100%;
            font-weight: bold;
            text-align:center}
 
th {background-color:lightblue;
font-size:14px;
    color:black;
    font-family:Tahoma}
td {color:blue;
font-size:14px;
    font-family:Tahoma}
 
</style>
 
<br /><br />
<br /><span style="font-size: 36px;"><div align="Center"><b>TnT's TEKTIONARY</b></div></span>
<br /><br /><br /><br />
 
<div align="Center">
<table width="960px" border="1" rules="all">
 
<tr><th><a href="#agp">AGP</a></th><th><a href="#bios">BIOS</a></th><th><a href="#cpu">CPU</a></th><th><a href="#crt">CRT</a></th><th><a href="#dimm">DIMM</a></th><th><a href="#ethernet">Ethernet</a></th></tr>
 
<tr><th><a href="#fat">FAT</a></th><th><a href="#graphics card">Graphics Card</a></th><th><a href="#hdd">HDD</a></th><th><a href="#heatsink">Heatsink</a></th><th><a href="#ic">IC</a></th><th><a href="#ide">IDE</a></th></tr>
 
<tr><th><a href="#jumper">Jumper</a></th><th><a href="#motherboard/mobo">Motherboard</a></th><th><a href="#ntfs">NTFS</a></th><th><a href="#pata">PATA</a></th><th><a href="#pci">PCI</a></th><th><a href="#pci-e">PCI-E</a></th></tr>
 
<tr><th><a href="#psu">PSU</a></th><th><a href="#ram">RAM</a></th><th><a href="#sata">SATA</a></th><th><a href="#scsi">SCSI</a></th><th><a href="#tft">TFT</a></th><th>Vacant</th></tr>
 
</table>
</div>
 
<br /><br /><br /><br />
 
 

[David Laakso]

Your site seems to have gone "dixie" sometime during the night.

One way to do what you asked (although I see what you asked as the least of the issues) is to set the width of the 6 blocks containing the links based on the narrowest window you need to hit. I used 800. And floated the blocks left. The clinker is your longest link "motherboard/mobo" needs to be on two lines.

I took the liberty of ditching the tables and 90s look and feel and attempted to make the content readable. If you don't want the layout, rip the menu from it, and put in your page...
http://chelseacreekstudio.com/ca/cssd/tips.html

[grumpygit]

Thanks for your help.
Very much appreciated.
The site in my link is a bit of a mess as it is the site I use for testing before putting anything new on the main site.