I'm making a website for my dad's bus and its going well, but there seems to be a problem with the borders, i'm doing it in tables as its too much of a faf to do all CSS stuff, it should look like this: with gold borders as it does in IE7
but in firefox it apprears like this:
Here is the header HTML:
And the CSS:
Any ideas?
Hamish
but in firefox it apprears like this:
Here is the header HTML:
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RTL554</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>
<body>
<div align="center">
<br/>
<table width="745" border="1" cellspacing="0" cellpadding="0" bordercolor="#C1AC01">
<tr>
<td colspan="7"><img src="top.png" width="747" height="200" /></td>
</tr>
<tr>
<td><a href="home.php"><img src="buttons/home.png" width="105" height="35" title="Home" border="0" /></a></td>
<td><a href="about.php"><img src="buttons/about.png" width="105" height="35" title="About" border="0" /></a></td>
<td><a href="history.php"><img src="buttons/history.png" width="105" height="35" title="History" border="0" /></a></td>
<td><a href="photos.php"><img src="buttons/photos.png" width="105" height="35" title="Photos" border="0" /></a></td>
<td><a href="restoration.php"><img src="buttons/restoration.png" width="105" height="35" title="Restoration" border="0" /></a></td>
<td><a href="links.php"><img src="buttons/links.png" width="105" height="35" title="Links" border="0" /></a></td>
<td><a href="contact.php"><img src="buttons/contact.png" width="105" height="35" title="Contact" border="0" /></a></td>
</tr>
<tr>
<td colspan="7" align="left" valign="top">
<table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="left"><br/><!-- Body Start -->And the CSS:
Code:
body {
margin: 0;
font: 12px Trebuchet MS, verdana, helvetica, arial, sans-serif;
background: #FFFFCC;
color: #460207;
text-align: center;
line-height: 20px;
}
TABLE {
border-color: #C1AC01;
}
A:link, A:visited, A:active
{ color: #304C80; }
A:hover
{ color: #CA453F; }
h1 {
color: #460207;
font-size: 125%;
font-family: Trebuchet MS, Verdana, sans-serif;
}
h2 {
color: #460207;
font-size: 110%;
font-family: Trebuchet MS, Verdana, sans-serif;
}Any ideas?
Hamish
