CSS mouseover and table

[pablop]

Hi, I´ve searched the answers here and didn´t find any for this, so here´s my question:
I got a horizontal menu in wich I´m using CSS for the mouse over effect, turning the font to bold. I tough if I put the link-words on a table separated by cells, with the width in pixel, it would not move as the font became bolder. Well, it didn´t work. Anyone has done this before? Any ideas?
The page adress is: http://www.altoqi.com.br/eberick/men...e/testecss.htm

Thanks!

[duckie]

Absolutely specify the width of each TD element.

As in, <td width="50"> or something like that

[creole]

pablop...here what you need to do:

1) get rid of the div align="center". It is unnecessary as you can tell the TR tag align="center" and get the same result.

2) use width on your TD tags as below. Make every instance of the bullet table the same width.

3) if you are usign stylesheets to begin with, why don't you set a style for the entire navigation instead of using FONT tags in every cell.

.header { font-family: "Times New Roman", Times, serif; font-size: 12pt; color: #ffffff; }

then call it with TR class="header". That way you style the entire row of text with one phrase of code.


<table border="0" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr align="center">
<td width="50">
<font face="Times New Roman, Times, serif" size="2" color="#FFFFFF">
<a href="k" class="navtop">Home</a></font>
</td>
<td width="10">
<font face="Times New Roman, Times, serif" size="2" color="#FFFFFF">
<span class="navtop">•</span></font>
</td>
<td width="75">
<font face="Times New Roman, Times, serif" size="2" color="#FFFFFF">
<a href="g" class="navtop">Empresa</a></font>
</td>
<td width="10">
<font face="Times New Roman, Times, serif" size="2" color="#FFFFFF">
<span class="navtop">•</span></font>
</td>
</tr>
</table>

[pablop]

thanks a lot both of you. Already tried and it´s working really well.