I have created a dreamweaver template. On the template file, the page looks correctly. When i try to create a new page using the template, the template removes the background images for some of my Div tags. I have CS6, Does anyone know why this is happening?
Correctly working Code here:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bellwood Inn Bed & Breakfast l Algonquin Park Accommodations l Whitney Ontario</title>
<style type="text/css">
<!--
body {
background-color: #000;
}
body #Wrapper {
background-color: #FFF;
width: 975px;
border: medium solid #666;
margin: 0 auto;
overflow: hidden;
}
#Wrapper #Logo {
background-color: #333;
float: left;
height: 85px;
width: 250px;
}
#Wrapper #header {
background-color: #333;
float: left;
height: 85px;
width: 725px;
}
#Wrapper #Picturebar {
background-color: #666;
height: 100px;
width: 975px;
clear: left;
background-image: url("../Home Page/FilmStrip.png");
}
#Wrapper #Picturebar #pic1 {
background-color: #000;
float: left;
height: 66px;
width: 96px;
margin-left: 9px;
margin-top: 17px;
}
#Wrapper #Picturebar #pic2 {
background-color: #0F0;
float: left;
height: 66px;
width: 96px;
margin-left: 12px;
margin-top: 17px;
}
#Wrapper #Picturebar #pic3 {
background-color: #0F0;
float: left;
height: 66px;
width: 96px;
margin-left: 11px;
margin-top: 17px;
}
#Wrapper #Picturebar #pic4 {
background-color: #0F0;
float: left;
height: 66px;
width: 96px;
margin-left: 12px;
margin-top: 17px;
}
#Wrapper #Picturebar #pic5 {
background-color: #0F0;
float: left;
height: 66px;
width: 96px;
margin-left: 12px;
margin-top: 17px;
}
#Wrapper #Picturebar #pic6 {
background-color: #0F0;
float: left;
height: 66px;
width: 96px;
margin-left: 11px;
margin-top: 17px;
}
#Wrapper #Picturebar #pic7 {
background-color: #0F0;
float: left;
height: 66px;
width: 96px;
margin-left: 11px;
margin-top: 17px;
}
#Wrapper #Picturebar #pic8 {
background-color: #0F0;
float: left;
height: 66px;
width: 96px;
margin-left: 12px;
margin-top: 17px;
}
#Wrapper #Picturebar #pic9 {
background-color: #0F0;
float: left;
height: 66px;
width: 96px;
margin-left: 12px;
margin-top: 17px;
}
#Wrapper #menu {
clear: left;
float: left;
height: 30px;
width: 975px;
background-image: url(../Home%20Page/Menu-Backround.png);
}
#Wrapper #box1 {
float: left;
height: 495px;
width: 300px;
margin-top: 15px;
margin-left: 13px;
}
#Wrapper #box2 {
float: left;
height: 495px;
width: 465px;
margin-top: 15px;
margin-left: 19px;
}
#Wrapper #box3 {
float: left;
height: 495px;
width: 150px;
margin-top: 15px;
margin-left: 14px;
}
#Wrapper #PhotoLarge {
float: left;
height: 350px;
width: 300px;
border-right-width: medium;
border-right-style: solid;
border-right-color: #000;
}
#Wrapper #welcome {
height: 250px;
width: 457px;
color: #FFF;
background-color: #333333;
border-radius: 15px 0px 15px 0px;
border: medium solid #333;
float: left;
text-align: justify;
}
#Wrapper #weather {
float: right;
height: 90px;
width: 150px;
}
#Wrapper #Dreamcatcheradd {
float: right;
height: 250px;
width: 150px;
margin-top: 15px;
}
#Wrapper #whatsnew {
float: left;
height: 225px;
width: 216px;
color: #FFF;
border-radius: 10px;
background-color: #333;
border: thin solid #333;
margin-top: 15px;
text-align: justify;
}
#Wrapper #AlgonquinPark {
float: left;
height: 225px;
width: 216px;
margin-left: 22px;
margin-top: 15px;
color: #FFF;
border: thin solid #333;
background-color: #303030;
border-radius: 10px;
text-align: justify;
}
#Wrapper #BelowDCadd {
float: left;
height: 119px;
width: 147px;
border: thin solid #CCC;
margin-top: 15px;
background-color: #333;
}
#Wrapper #Reservation {
float: left;
height: 147px;
width: 300px;
margin-top: 10px;
background-color: #333;
color: #FFF;
}
#Wrapper #Footer {
height: 35px;
float: left;
margin-top: 15px;
width: 975px;
background-image: url(../Home%20Page/Footer-backround.png);
color: #FFF;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 12px;
background-color: #999;
}
.txtsmall {
font-size: 9px;
}
.menumarginleft {
margin-left: 10px;
}
.picturebarpics {
margin-top: -1px;
}
.picturebarpics2 {
margin-top: -1px;
margin-left: -1px;
}
.Yellow {
color: #FF0;
}
a:link {
color: #FFF;
}
a:visited {
color: #CCC;
}
a:hover {
color: #060;
}
a:active {
color: #030;
}
.txtsmall1 {
font-size: 11px;
}
.noblue {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
-->
</style>
<link href="../commonstyles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
//-->
</script>
</head>
<body onload="MM_preloadImages('../Home Page/home-rollover.png','../Home Page/About-Rollover.png','../Home Page/Rooms-Rollover.png','../Home Page/Rates-Rollover.png','../Home Page/Amenities-Rollover.png','../Home Page/Policies-Rollover.png','../Home Page/Contact-Rollover.png','../Home Page/History-Rollover.png','../Home Page/Breakfast-Picture-Description.png','../Home Page/Photos/Breakfast-Lg.gif','../Home Page/Photos/House-Lg.gif','../Home Page/Bellwood-Picture-Description.png','../Home Page/Photos/Moose-Lg.gif','../Home Page/Wildlife-Picture-Description.png','../Home Page/Photos/Bedroom-6-Lg.gif','../Home Page/Rooms-5-&-6-Picture-Description.png','../Home Page/Photos/Tub-Lg.gif','../Home Page/Whirlpool-Bath-Picture-Description.png','../Home Page/Photos/Room3-Lg.gif','../Home Page/singles-Picture-Description.png','../Home Page/Photos/Fire-Lg.gif','../Home Page/fire-picture-description.png','../Home Page/Photos/Sunset-Lg.gif','../Home Page/Sunset-picture-description.png','../Home Page/Photos/Native-Lg.gif','../Home Page/Native-Picture-Description.png')">
<div id="Wrapper">
<div id="Logo"><img src="../Home Page/Logo.png" width="250" height="85" /></div>
<div id="header"><img src="../Home Page/HeaderBar-1.png" width="725" height="85" /></div>
<div id="Picturebar">
<div id="pic1"><img src="../Home Page/Photos/House-Lg.gif" width="97" height="68" class="picturebarpics" onmouseover="MM_swapImage('bellwoodlg','','../Home Page/Photos/House-Lg.gif',1);MM_swapImage('Bellwooddesc','','../Home Page/Bellwood-Picture-Description.png',1)" /></div>
<div id="pic2"><img src="../Home Page/Photos/Bedroom-6-Lg.gif" width="97" height="68" class="picturebarpics2" onmouseover="MM_swapImage('bellwoodlg','','../Home Page/Photos/Bedroom-6-Lg.gif',1);MM_swapImage('Bellwooddesc','','../H ome Page/Rooms-5-&-6-Picture-Description.png',1)" /></div>
<div id="pic3"><img src="../Home Page/Photos/Tub-Lg.gif" width="97" height="68" class="picturebarpics2" onmouseover="MM_swapImage('bellwoodlg','','../Home Page/Photos/Tub-Lg.gif',1);MM_swapImage('Bellwooddesc','','../Home Page/Whirlpool-Bath-Picture-Description.png',1)" /></div>
<div id="pic4"><img src="../Home Page/Photos/Room3-Lg.gif" width="97" height="68" class="picturebarpics2" onmouseover="MM_swapImage('bellwoodlg','','../Home Page/Photos/Room3-Lg.gif',1);MM_swapImage('Bellwooddesc','','../Home Page/singles-Picture-Description.png',1)" /></div>
<div id="pic5"><img src="../Home Page/Photos/Moose-Lg.gif" name="Moose" width="97" height="68" class="picturebarpics2" id="Moose" onmouseover="MM_swapImage('bellwoodlg','','../Home Page/Photos/Moose-Lg.gif',1);MM_swapImage('Bellwooddesc','','../Home Page/Wildlife-Picture-Description.png',1)" /></div>
<div id="pic6"><img src="../Home Page/Photos/Native-Lg.gif" width="97" height="68" class="picturebarpics2" onmouseover="MM_swapImage('bellwoodlg','','../Home Page/Photos/Native-Lg.gif',1);MM_swapImage('Bellwooddesc','','../Home Page/Native-Picture-Description.png',1)" /></div>
<div id="pic7"><img src="../Home Page/Photos/Fire-Lg.gif" width="97" height="68" class="picturebarpics" onmouseover="MM_swapImage('bellwoodlg','','../Home Page/Photos/Fire-Lg.gif',1);MM_swapImage('Bellwooddesc','','../Home Page/fire-picture-description.png',1)" /></div>
<div id="pic8"><img src="../Home Page/Photos/Breakfast-Lg.gif" name="breakfastpic" width="97" height="68" class="picturebarpics2" id="breakfastpic" onmouseover="MM_swapImage('Bellwooddesc','','../Home Page/Breakfast-Picture-Description.png',1);MM_swapImage('bellwoodlg', '','../Home Page/Photos/Breakfast-Lg.gif',1)" /></div>
<div id="pic9"><img src="../Home Page/Photos/Sunset-Lg.gif" width="97" height="68" class="picturebarpics2" onmouseover="MM_swapImage('bellwoodlg','','../Home Page/Photos/Sunset-Lg.gif',1);MM_swapImage('Bellwooddesc','','../Home Page/Sunset-picture-description.png',1)" /></div>
</div>
<div id="menu">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="../index.html" target="_top" onclick="MM_nbGroup('down','group1','Home','',1)" onmouseover="MM_nbGroup('over','Home','Home Page/home-rollover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="../Home Page/Home.png" alt="" name="Home" width="100" height="25" border="0" id="Home" onload="" /></a></td>
<td><a href="../history.html" target="_top" onclick="MM_nbGroup('down','group1','History','',1)" onmouseover="MM_nbGroup('over','History','Home Page/History-Rollover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="../Home Page/History.png" alt="" name="History" width="100" height="25" border="0" id="History" onload="" /></a></td>
<td><a href="../rates.html" target="_top" onclick="MM_nbGroup('down','group1','Rooms','',1)" onmouseover="MM_nbGroup('over','Rooms','Home Page/Rooms-Rollover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="../Home Page/Rooms.png" alt="" name="Rooms" width="100" height="25" border="0" id="Rooms" onload="" /></a></td>
<td><a href="../rates.html" target="_top" onclick="MM_nbGroup('down','group1','Rates','',1)" onmouseover="MM_nbGroup('over','Rates','Home Page/Rates-Rollover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="../Home Page/Rates.png" alt="" name="Rates" width="100" height="25" border="0" id="Rates" onload="" /></a></td>
<td><a href="../amenities.html" target="_top" onclick="MM_nbGroup('down','group1','Amenities','',1)" onmouseover="MM_nbGroup('over','Amenities','Home Page/Amenities-Rollover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="../Home Page/Amenities.png" alt="" name="Amenities" width="100" height="25" border="0" id="Amenities" onload="" /></a></td>
<td><a href="../policies.html" target="_top" onclick="MM_nbGroup('down','group1','Policies','',1)" onmouseover="MM_nbGroup('over','Policies','Home Page/Policies-Rollover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="../Home Page/Policies.png" alt="" name="Policies" width="100" height="25" border="0" class="menumarginleft" id="Policies" onload="" /></a></td>
<td><a href="../contact.html" target="_top" onclick="MM_nbGroup('down','group1','Contact','',1)" onmouseover="MM_nbGroup('over','Contact','Home Page/Contact-Rollover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="../Home Page/Contact.png" alt="" name="Contact" width="100" height="25" border="0" id="Contact" onload="" /></a></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<div id="Footer">
<table width="975" border="0">
<tr>
<td width="165" height="33" align="center" valign="middle"><a href="sitemap.html">Site Map</a> | <a href="links.html">Link Resources</a></td>
<td width="600" align="center" valign="top"><div class="txtsmall" id="Footer2"><span class="txtsmall1">Copyrite 2012, Bellwood Inn Bed & Breakfast, All Rights Reserved</span><br />
<a href="contact.html">Algonquin Park Accommodation</a> | <a href="index.html">Whitney Accommodation</a> | <a href="amenities.html">Algonquin Park Motel</a> | <a href="policies.html">Algonquin Park Canada</a> |<a href="history.html"> Algonquin Park Bed and Breakfast</a></div></td>
<td width="196" align="center" valign="middle"><p align="center"><a href="privacy.html">Privacy Policy</a> | <a href="terms.html">Terms Of Use</a></p></td>
</tr>
</table>
</div>
<p> </p>
</div>
<p> </p>
</div>
</body>
</html>