I tried to create my own template in dreamweaver and followed instructions to a T, but I keep having trouble. Everytime I try to create a new page from my pre made template i lose the background that was set. It turns to white. here is my code. What am i doing wrong? please help! thanks
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>The Stables at LeBocage</title>
<style type=”text/css”>
body {
font-family: arial, helvetica, serif;
background-image: url(images/bodybg_01.jpg);
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav a {
display: block;
width: inherit;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
#nav li { /* all list items */
float: left;
width: auto; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
position: absolute;
width: 100px;
left: -999em; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
background-color: #4E0B14;
word-spacing: inherit;
padding: 8px;
margin-top: -8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: Helvetica, Arial, “Times New Roman”;
color: #D9B479;
text-align: left;
text-indent: 2px;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#content {
clear: left;
color: #0099CC;
}
body,td,th {
color: #000000;
}
a:link {
color: #E3C081;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFD78F;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#nav #teamlobocagemenu {
width: 160px;
}
#nav #ulmediadrop {
width: 78px;
}
#nav #ulnewsdrop {
width: 85px;
font-size: 14px;
}
#information {
background-image: url(../../Desktop/FINAL/images/newtry_12.jpg);
background-repeat: repeat-y;
padding: 25px;
font-family: Helvetica, Arial, “Times New Roman”;
font-size: 16px;
font-style: normal;
color: #FFFFFF;
font-weight: lighter;
}
#header {
vertical-align: baseline;
text-align: left;
}
</style>
<script type=”text/javascript”>
sfHover = function() {
var sfEls = document.getElementById(”nav”).getElementsByTagNam e(”LI”);
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=” sfhover”;
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover\b”), “”);
}
}
}
if (window.attachEvent) window.attachEvent(”onload”, sfHover);
</script>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″></head>
<body>
<table width=”962″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr> </tr>
<tr>
<td><img src=”http://www.webproworld.com/images/header.jpg” width=”951″ height=”270″ align=”middle” id=”header”>
<ul id=”nav”>
<li><a href=”#”><img src=”http://www.webproworld.com/images/home.gif” width=”112″ height=”59″ border=”0″></a> </li>
<li><a href=”#”><img src=”http://www.webproworld.com/images/aboutus.gif” width=”115″ height=”59″ border=”0″></a>
<ul>
<li><a href=”#”>Welcome</a></li>
<li><a href=”#”>Stables</a></li>
<li><a href=”#”>Location</a></li>
</ul>
</li>
<li><a href=”#”><img src=”http://www.webproworld.com/images/services.gif” width=”110″ height=”59″ border=”0″></a>
<ul>
<li><a href=”#”>Boarding</a></li>
<li><a href=”#”>Horse Care</a></li>
<li><a href=”#”>Lessons</a></li>
<li><a href=”#”>Horse Shows</a></li>
<li><a href=”#”>Pony Parties</a></li>
</ul>
</li>
<li></li>
<li><a href=”#”><img src=”http://www.webproworld.com/images/teamlobocage.gif” width=”177″ height=”59″ border=”0″></a>
<ul id=”teamlobocagemenu”>
<li><a href=”#”>Trainers</a></li><br >
<li><a href=”#”>Groomers</a></li>
</ul>
</li>
<li></li>
<li></li>
<li><a href=”#”><img src=”http://www.webproworld.com/images/horses.gif” width=”101″ height=”59″ border=”0″></a>
<ul>
<li><a href=”#”>Sale</a></li><br >
<li><a href=”#”>Lease</a></li><br >
<li><a href=”#”>Breeding</a></li>
</ul>
</li>
<li></li>
<li><a href=”#”><img src=”http://www.webproworld.com/images/news.gif” width=”92″ height=”59″ border=”0″></a>
<ul id=”ulnewsdrop”>
<li><a href=”#”>What’s New</a></li>
<li><a href=”#”>Calender</a></li>
</ul>
</li>
<li></li>
<li>
<div><a href=”#”><img src=”http://www.webproworld.com/images/media.gif” width=”84″ height=”59″ border=”0″></a></div>
<ul id=”ulmediadrop”>
<li><a href=”#”>Photos</a></li>
<li><a href=”#”>Videos</a></li>
</ul>
</li>
<li></li>
<li><a href=”#”><img src=”http://www.webproworld.com/images/connietact.gif” width=”160″ height=”59″ border=”0″></a></li>
</ul> </td>
</tr>
<td id=”information”><p>Coming Soon!</p>
<p> </p>
<p> </p></td>
</table>
</body>
