dk01 — Mon, 17 Apr 2006 16:54:35 +0000

Hehe good to see you got it worked out.

Maxwell — Mon, 17 Apr 2006 15:57:50 +0000

Quote: td.norm {
border: 1px solid black;
...
}
td.hover {
...
border: 5px solid white;

}

:eek:

Never mind.

Maxwell — Mon, 17 Apr 2006 15:23:42 +0000

Sure:

HTML/Javascript:

<!-- begin navibox-->
<div id="navi">
<table>
<tr>
<td class="norm" onmouseover="this.className='hover'" onmouseout="this.className='norm'">Home</td>
</tr>
<tr>
<td class="norm" onmouseover="this.className='hover'" onmouseout="this.className='norm'">Articles</td>
</tr>
<tr>
<td class="norm" onmouseover="this.className='hover'" onmouseout="this.className='norm'">Projects</td>
</tr>
<tr>
<td class="norm" onmouseover="this.className='hover'" onmouseout="this.className='norm'">Downloads</td>
</tr>
<tr>
<td class="norm" onmouseover="this.className='hover'" onmouseout="this.className='norm'">Chat</td>
</tr>
<tr>
<td class="norm" onmouseover="this.className='hover'" onmouseout="this.className='norm'">About</td>
</tr>
</table>
</div>
<!--end navibox-->

CSS:

td.norm {
  border: 1px solid black;
  color: black;
  background: white;
  padding: 5px;
}
td.hover {
  border: 5px solid white;
  color: white;
  background: black;
  padding: 5px;
} 

dk01 — Mon, 17 Apr 2006 15:21:00 +0000

Can you show us your code please? Its impossible for us to see what might be wrong without it.

Maxwell — Mon, 17 Apr 2006 15:18:35 +0000

Oh, and they change size too, which really sucks.

Maxwell — Mon, 17 Apr 2006 15:15:21 +0000

Okay, I've got the cells to change via Javascript (even though I really don't want to use javascript). But I have this horrible jump on mouseover and mouseout. Which properties do I have to set in order to avoid this ugly sort of thing?

The cells are in a table, within a table. That's why I'm hesitant to wing it.