Så f.eks.
<style type="text/css">
.topmenu{border:0;width:750;border-collapse:collapse;}
.topmenu td{width:29px;background-color:#b09166;height:27px;text-align:center;margin:0;padding:0;}
.topmenu .txt{width:88px;}
.topmenu .space{width:5px;background-color:#eee;}
</style>
<table class="topmenu">
<tr>
<td onmouseover="highLight(this,1,'#a23')" onmouseout="highLight(this,1,0)"><img border="0" src="images/icon.movie.gif" width="27" height="27" alt=""></td>
<td class="txt" onmouseover="highLight(this,2,'#a23')" onmouseout="highLight(this,2,0)">Forside</td>
<td onmouseover="highLight(this,3,'#a23')" onmouseout="highLight(this,3,0)"> </td>
<td class="space"> </td>
<td onmouseover="highLight(this,1,'#b34')" onmouseout="highLight(this,1,0)"><img border="0" src="images/icon.movie.gif" width="27" height="27" alt=""></td>
<td class="txt" onmouseover="highLight(this,2,'#b34')" onmouseout="highLight(this,2,0)">Spil</td>
<td onmouseover="highLight(this,3,'#b34')" onmouseout="highLight(this,3,0)"> </td>
<td class="space"> </td>
<td onmouseover="highLight(this,1,'#c45')" onmouseout="highLight(this,1,0)"><img border="0" src="images/icon.movie.gif" width="27" height="27" alt=""></td>
<td class="txt" onmouseover="highLight(this,2,'#c45')" onmouseout="highLight(this,2,0)">Film</td>
<td onmouseover="highLight(this,3,'#c45')" onmouseout="highLight(this,3,0)"> </td>
<td class="space"> </td>
<td onmouseover="highLight(this,1,'#d56')" onmouseout="highLight(this,1,0)"><img border="0" src="images/icon.movie.gif" width="27" height="27" alt=""></td>
<td class="txt" onmouseover="highLight(this,2,'#d56')" onmouseout="highLight(this,2,0)">Billeder</td>
<td onmouseover="highLight(this,3,'#d56')" onmouseout="highLight(this,3,0)"> </td>
<td class="space"> </td>
<td onmouseover="highLight(this,1,'#e67')" onmouseout="highLight(this,1,0)"><img border="0" src="images/icon.movie.gif" width="27" height="27" alt=""></td>
<td class="txt" onmouseover="highLight(this,2,'#e67')" onmouseout="highLight(this,2,0)">Jokes</td>
<td onmouseover="highLight(this,3,'#e67')" onmouseout="highLight(this,3,0)"> </td>
<td class="space"> </td>
</tr>
</table>
<script type="text/javascript">
function highLight(elm,num,act){
var tds = new Array();
tds[num] = elm;
for(i=num-1;i>0;i--){
tds[i] = getPreviousSibling(tds[i+1]);
}
for(i=num+1;3>=i;i++){
tds[i] = getNextSibling(tds[i-1]);
}
for(i=1;3>=i;i++){
tds[i].style.backgroundColor = act ? act : '';
}
}
function getPreviousSibling(elm){
pSib = elm.previousSibling;
while(pSib.nodeType != 1 || pSib.tagName != elm.tagName)
pSib = pSib.previousSibling;
return pSib;
}
function getNextSibling(elm){
pSib = elm.nextSibling;
while(pSib.nodeType != 1 || pSib.tagName != elm.tagName)
pSib = pSib.nextSibling;
return pSib;
}
</script>
-- og hvis du godt vil have forskellige farver på fra start, ville det vel være lidt smart at den kodestump, du viste også afspejlede det ?-)
