You will need to use a TD for every single link there is (hooray) ^^;; There is no actual code for it... but you will need to know CSS and how to work with tables x3 Well eh...I'll tell you how to do them:
In your CSS...Add this BEFORE the body {(this is for your the links in TDs only, it will not affect regular links in A:link...)
A.n:link {display: block; width:
100px;}
A.n:visited {display: block; width:
100px;}
A.n:active {display: block; width:
100px;}
A.n:hover {display: block; width:
100px; background-color:
#FFFFFF;}
Add this IN the body {(this tells what the TD should do when you hover your mouse over it/click it)
.nav {width: 100px;
background-color:
#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:
#000000;
background: url('
IMAGE optional');}
.normal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:
#000000; background-color:
#FFFFFF; width:
100px; background: url('
IMAGE optional');}
.highlight {background-color:
#FAFAFA; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:
#FFFFFF; width:
100px; background: url('
IMAGE optinal');}
and in your HTML...(this is the table and TDs that will contain the links)
<table border="0" cellpadding="0" cellspacing="0">
<tr><td class="
nav" valign="top">
<a href="linkURL"
class="n"> LINK </a></tr></td>
<tr><td class="
nav" valign="top">
<a href="linkURL"
class="n"> LINK </a></tr></td>
<tr><td class="
nav" valign="top">
<a href="linkURL"
class="n"> LINK </a></tr></td>
etc. etc...keeping adding<tr><td class="
nav" valign="top">
<a href="linkURL"
class="n"> LINK </a></tr></td>
for every new link that you have.
Edit everything that are in red... things that are in blue are optional. Whatever in green should not be removed.
I hope that...um...helped you in some way? O_o;; I know it'll be confusing if you don't understand CSS xD