SitePoint Sponsor |
|
User Tag List
Results 1 to 4 of 4
Thread: CSS mouseover and table
-
Nov 17, 2000, 13:08 #1
- Join Date
- Sep 2000
- Location
- Floripa, Brasil
- Posts
- 49
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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!
-
Nov 17, 2000, 13:37 #2
- Join Date
- Sep 1999
- Location
- Singapore
- Posts
- 854
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Absolutely specify the width of each TD element.
As in, <td width="50"> or something like that
-
Nov 17, 2000, 13:59 #3
- Join Date
- Oct 2000
- Location
- Nashvegas Baby!
- Posts
- 7,845
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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>Adobe Certified Coldfusion MX 7 Developer
Adobe Certified Advanced Coldfusion MX Developer
My Blog (new) | My Family | My Freelance | My Recipes
-
Nov 17, 2000, 14:24 #4
- Join Date
- Sep 2000
- Location
- Floripa, Brasil
- Posts
- 49
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
thanks a lot both of you. Already tried and itīs working really well.
Bookmarks