Template_Can't edit in editable region
Jul 21, 2012 7:04 PM
Tags: none (add) #template #editable #region #non-editableI created a template but an unable to edit in the editable region. Does anyone know why? Here is the code for the parent pasted below and I will paste the code for the child on another post. Here is what it looks like in Dreamweaver: 
Here is the error message that I'm getting for the child:
Can someone please help?
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Inland Empire Waterkeeper</title>
<!-- TemplateEndEditable -->
<link href="../_css/styles.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
color: #333333;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
body {
background-color: #FFFFFF;
color: #D6D6D6;
background-image: url(../_images/background_teal.png);
background-repeat: repeat-x;
margin: auto;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
h1 {
font-size: 28px;
color: #666666;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
h2 {
font-size: 22px;
color: #666666;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
h3 {
font-size: 20px;
color: #666666;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
h4 {
font-size: 18px;
color: #666666;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
h5 {
font-size: 16px;
color: #666666;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
h6 {
font-size: 14px;
color: #666666;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
p {
margin-top: 0;
margin-bottom: 0;
text-align: justify;
}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div class="container">
<div class="header"><!-- TemplateBeginEditable name="header" --><img src="../_images/banner.jpg" width="933" height="300" /><!-- TemplateEndEditable --></div>
<div class="menubar">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="../organization.html" class="MenuBarItemSubmenu">Our Org.</a>
<ul>
<li><a href="../mission.html">Our Mission</a></li>
<li><a href="../history.html">Our History</a></li>
<li><a href="../community.html">Our Community</a></li>
</ul>
</li>
<li><a href="../team.html" class="MenuBarItemSubmenu">Our Team</a>
<ul>
<li><a href="../staff.html">Staff</a></li>
<li><a href="../supporters.html">Supporters</a></li>
<li><a href="../advisoryboard.html">Advisory Board</a></li>
</ul>
</li>
<li><a href="../coastkeeper.html">Coastkeeper</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">What We Do</a>
<ul>
<li><a href="../programs.html" class="MenuBarItemSubmenu">Programs</a>
<ul>
<li><a href="../advocacy.html">Advocacy</a></li>
<li><a href="../education.html">Education</a></li>
<li><a href="../research.html">Research</a></li>
<li><a href="../restoration.html">Restoration</a></li>
<li><a href="../enforcement.html">Enforcement</a></li>
</ul>
</li>
<li><a href="../prokects.html">Projects</a></li>
<li><a href="../datareports.html">Data & Reports</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Get Involved</a>
<ul>
<li><a href="../volunteer.html">Volunteer</a></li>
<li><a href="../employment.html">Employment</a></li>
<li><a href="../events.html">Events & Meetings</a></li>
<li><a href="../donate.html">Donate</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">News Room</a>
<ul>
<li><a href="../pressrelease.html">In the News and Press Releases</a></li>
<li><a href="../legislation.html">Legislative Updates</a></li>
<li><a href="../waternews.html">Water in the News</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Resources</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu">Information</a>
<ul>
<li><a href="../watershed.html">Our Watershed</a></li>
<li><a href="../reportpollution.html">Report Pollution</a></li>
</ul>
</li>
<li><a href="../photos.html">Photo Gallery</a></li>
</ul>
</li>
<li><a href="../contact.html">Contact Us</a></li>
</ul>
</div>
<div class="body">
<div class="emptyspacecontent">
<h4><strong style="text-align: justify;"><!-- TemplateBeginEditable name="Content" -->Content<!-- TemplateEndEditable --><br />
</strong></h4>
</div>
<div class="emptyspace4"><!-- TemplateBeginEditable name="space" -->space<!-- TemplateEndEditable --></div>
</div>
<div class="footer"><!-- TemplateBeginEditable name="footer" --><img src="../_images/footer_transparent.png" width="933" height="100" alt="Inland Empire Waterkeeper" /><!-- TemplateEndEditable --></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>





