This is my first attempt at css, so bare with me!
The menu bar seems to work fine in IE, but has issues with it being centred in Firefox rather than spread out across the top, as id want it to be..
In the document
and the cssCode:<table border="0" align="center" cellpadding="4"> <tr align="center"> <td height="0"> <table> <tr> <td id="menu"><strong><a href=/temp.php>Home</a></strong></td> <td id="menu"><strong><a href=/new.php>New Listings</a></strong></td> <td id="menu"><strong><a href=/hot.php>Top Listings </a></strong></td> <td id="menu"><strong><a href=/top_rated.php> Rated!</a></strong></td> <td id="menu"><strong><a href=/pick.php>HB's Picks</a></strong></td> <td id="menu"><strong><a href=/cp/>My Account </strong></td> <td id="menu"><strong><a href=http://www.hostbidder.com target="_blank">Forums</a></strong></td> <td id="menu"><strong><a href="/partners.php">Partners</a></strong></td> <td id="menu"><strong><a href="/add.php">AddURL</a></strong></td> <td id="menu"><strong><a href="/contact.php">Contact</a></strong></td> </tr> </table></td> </tr> </table>
Any Help where I'm going wrong would be great,Code:#menu { border: 1px solid #CCCCCC; padding: 0px; font-weight:bold; margin: 0px 0px 0px; background-color: #F3F3F3; float:right; white-space: nowrap; } #menu a { align: center; display: block; width: 100%; text-indent: 0px; padding: 0px 9px 0px 9px; color: #FF6600; align: middle; } #menu a:hover { background-color: #FFEBD7; text-decoration: none;




Bookmarks