</font><blockquote><font class="small">Written by:</font><hr />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
A.imglink{
font : bold 9pt verdana, sans-serif;
color:black;
width:130px;
height:20px;
background:white url(/path/to/off.gif) no-repeat;
text-align:center;
padding-top:2px;
display:block;
text-decoration:none;
}
A.imglink:Hover{
font : bold 10pt verdana, sans-serif;
color:red;
text-decoration:none;
background:blue;
</style>
</head>
<!-- background:white url(/path/to/on.gif) no-repeat -->
<body>
<body>
<table width="100%" height="100%" border="0" bordercolor="#0000CC">
<tr>
<td width="20%" height="112" bgcolor="#0000CC"><img src="Fordfocus.jpg" width="197" height="104"></td>
<td width="80%" bgcolor="#0000CC"><h1> </h1></td>
<tr>
<!-- start of menu table -->
<td bgcolor="#0000CC" width-"20%">
<table align="center" cellpadding=0 cellspacing=0>
<tr>
<td><a href="#" class="imglink">Home</a> </td>
</tr>
<tr>
<td><a href="#" class="imglink">Where are we?</a> </td>
</tr>
<tr>
<td><a href="#" class="imglink">Cars</a> </td>
</tr>
<tr>
<td><a href="#" class="imglink">Finance</a> </td>
</tr>
<tr>
<td><a href="#" class="imglink">Contact us</a> </td>
</tr>
</table>
</td>
<!-- End of menu table -->
<td>
<p>hi</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
</body></body>
</html>
Yea sorry I probably should've copied the code in here it is. As you can see the nav bar keeps slipping.
Edit: The 2 tables is a good idea but that's going to have the same problem me thinks. I'll try the propping up bit Mech and let you know.
Any other idea's'd be great. Thanks for the help so far 
Previous Topic
Index