- There's a row of text/number "cells" each with a horizontal bar.
- The bar corresponding to the current page is "lit up" (changed color)
- As you mouse over a bar or the associated text, that bar also lights up, and unlights as the mouse moves away
- The bars and the text cells are clickable links
Currently I have these in a table using js mouseover GIF image swapping for the bars. It works in principle -- see the ninth bar here (it's obvious which "cell" is different). I've placed the elements in a table... but the table adds enormous amounts of extra space around each cell when there's an image/href in the cell. These cells are all marked <td width="8" height="2">, and the row is marked <tr height=2>.
Any ideas on how I can get all the extra space out of the table? (The WP editor shows only extra height but not extra width!) I already have a CSS insert that removes the border around the images (thanks to info found elsewhere in this forum), <table cellspacing=0 cellpadding=0>, etc.
BTW, I'm not wedded to tables as the means for doing this. I just need a row with 18 equally spaced numbers (1..18) and a color-changing horizontal bar over or under each.