Looking at
http://www.venatoruk.com/
Your links should be similar to:
<td style="width:14%; background:#000048
url(images/template/blue%20lines.gif); border-right:#FFFFFF solid 1px;
border-bottom: none; border-top:none;
text-align:center;vertical-align:middle;
font-face:verdana;font-weight:700;font-size:80%"><a href="index.htm"
style="color:#FFFFFF;text-decoration:none;">Home</a></span></font></td>
If you move all the CSS (contained in the style="..." strings) to an
embedded or external style sheet, this can be simplified to:
<td class="topnav"><a href="index.htm">Home</a>
The CSS would be:
<style type="text/css">
..topnav { width:14%; background:#000048
url(images/template/blue%20lines.gif); border-right:#FFFFFF solid 1px;
border-bottom: none; border-top:none;
text-align:center;vertical-align:middle;
font-face:verdana;font-weight:700;font-size:80%";}
..topnav a {color:#FFFFFF;text-decoration:none;}
There are other problems on the page caused by the negative margins
being used. Try changing the top margin on the second paragraph
instead.
And using the space bar to position words will also give problems since
different browsers will give different sizes to fonts - and users will
resize the fonts anyway. This will, of course, change the page layout.
You also need to set a background colour for the page.
I suggest you preview the pages in FireFox. While FireFox is not the
same as Safari on the Mac, it is very similar, and FireFox does show
most of the problems.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
http://www.rxs-enterprises.org/fp