Can't edit Template (Greyed-out areas)

#1 Funkybass99

Forum Newcomer

Group: Members
Posts: 13
Joined: 09-November 11
Reputation: 0

Posted 01 February 2012 - 08:17 PM

Hi, I can't figure out why I can't edit the template of the site I'm working on in Dreamweaver CS4. I was only working on modifying the template last night, and now all of a sudden most of it is all greyed out, as though it were an ordinary html page which has it's own template applied to it. I'd be very grateful if anyone can help me out.

Here is the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="../main.css" rel="stylesheet" type="text/css">

<!-- TemplateBeginEditable name="doctitle" -->
<title>Meadow Lilly - Home page</title>
<!-- TemplateEndEditable -->

<!-- InstanceBeginEditable name="head" -->
<script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<link href="../SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css">
<!-- InstanceEndEditable -->


<link href="../SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css">
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
</head>

<body>

<table width="1100" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="108"><p>&nbsp;</p>
     
      
    
      <p>&nbsp;</p>
    </td>
    <td width="992" align="center" valign="middle"><p>&nbsp;</p>
      <h3>title goes here    </h3>
    <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td colspan="2" class="top">&nbsp;</td>
  </tr>
  <tr class="middle">
    <td colspan="2"><table border="0" align="left" cellpadding="10" cellspacing="0">
      <tr>        </tr>
    </table>
    
    
	<br>
	 
	<table  cellspacing="0" cellpadding="0" width="1000" height="65" border="0" id="foreground_table">
	  <tr>
	    <td width="17%" height="47" align="center" class="home"  onclick="window.location.href='index.html'"> <h2>&nbsp;</h2></td>
	    <td width="23%" align="center" class="gallery"  onclick="window.location.href='gallery.html'"><h2>&nbsp;</h2></td>
	    <td width="35%" align="center" class="testimonials"   onclick="window.location.href='testimonials.html'"><h2>&nbsp;</h2></td>
	    <td width="25%" align="center" class="contact" onclick="window.location.href='enquiries.html'" ><h2>&nbsp;</h2></td>
	    </tr>
	  </table>
	<!-- TemplateBeginEditable name="main_editable" -->
<h1>Page Title</h1>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis  nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu  fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  culpa qui officia deserunt mollit anim id est laborum.&quot;</p>
    <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis  nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu  fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  culpa qui officia deserunt mollit anim id est laborum."</p>
    <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis  nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu  fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in  culpa qui officia deserunt mollit anim id est laborum."</p>
  
   <!-- TemplateEndEditable -->
  </td>
  </tr>
  <tr>
    <td colspan="2" class="bottom">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2"><p class="address">&nbsp;</p>
<p>&nbsp;</p></td>
  </tr>
</table>

</body>
</html>

Thanks.

This post has been edited by Renaissance-Design: 03 February 2012 - 03:06 PM
Reason for edit: Please use the code button or tags to format your code.

#2 NeRo

Expert

Group: Members
Posts: 824
Joined: 28-September 07
Reputation: 39
Gender:Male
Experience:Intermediate
Area of Expertise:Web Developer

Posted 01 February 2012 - 09:05 PM

You'll see that the areas you can edit have the comments BeginEditable at the start and EndEditable at the end - this is because the page has been created in DW using a template file

To edit the greyed out areas, you need to edit that template file. However, all the other files in the folder will get updated as well

#3 Funkybass99

Forum Newcomer

Group: Members
Posts: 13
Joined: 09-November 11
Reputation: 0

Posted 03 February 2012 - 02:18 PM

NeRo, on 01 February 2012 - 09:05 PM, said:

I had a feeling soemone would say that. I mean that this file with the greyed out areas is in fact itself the template. In DW it doesn't have another template applied to it. The greyed out areas aren't necessarily surounded by 'begin and end editable' script. It is a .DWT file.

#4 Funkybass99

Forum Newcomer

Group: Members
Posts: 13
Joined: 09-November 11
Reputation: 0

Posted 03 February 2012 - 02:27 PM

I have pasted the top-most part of the script under here and put a comment where the greyed-out bit starts. I can't edit anything below there, which means I can't alter anything along the lines of  etc.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="../main.css" rel="stylesheet" type="text/css">

<!-- TemplateBeginEditable name="doctitle" -->
<title>Meadow Lilly - Home page</title>
<!-- TemplateEndEditable -->

<!--GREYED-OUT SECTION BEGINS HERE AND GOES TO BOTTOM-->

<!-- InstanceBeginEditable name="head" -->
<script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<link href="../SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css">
<!-- InstanceEndEditable -->


<link href="../SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css">
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
</head>

<body>

<table width="1100" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="108"><p>&nbsp;</p>

This post has been edited by Renaissance-Design: 03 February 2012 - 03:07 PM
Reason for edit: Please use the code button or tags to format your code.

#5 Renaissance-Design

Available for custom WordPress work

Group: Moderators
Posts: 3,592
Joined: 12-August 10
Reputation: 559
Gender:Male
Location:South Wales
Experience:Web Guru
Area of Expertise:Designer/Coder

Posted 03 February 2012 - 03:11 PM

I'm not familiar with Dreamweaver templates, but the section below where the error starts is delimited by InstanceBeginEditable - shouldn't that be TemplateBeginEditable like the others?

#6 Funkybass99

Forum Newcomer

Group: Members
Posts: 13
Joined: 09-November 11
Reputation: 0

Posted 03 February 2012 - 08:26 PM

I've no idea, it's just a bit of script that Dreamweaver creates itself that I cut and pasted from elsewhere to make sure a form was working with validation (makes sure that each box has the right thing in before you can submit). I guess I should have just pasted the javascript lines, but in my haste copied and pasted the whole chunk.

Now, it won't let me delete any of it!

Even if I copy and paste the whole page into a fresh .dwt page, it still turns grey in the new page.

#7 NeRo

Expert

Group: Members
Posts: 824
Joined: 28-September 07
Reputation: 39
Gender:Male
Experience:Intermediate
Area of Expertise:Web Developer

Posted 03 February 2012 - 10:01 PM

I think you have a mash-up of a template and an ordinary file

The template file should have all

<!-- TemplateBeginEditable name="aname" -->
.....
<!-- TemplateEndEditable -->

Whereas your working files will have

<!-- InstanceBeginEditable name="aname" -->
.....
<!-- InstanceEndEditable -->

#8 Funkybass99

Forum Newcomer

Group: Members
Posts: 13
Joined: 09-November 11
Reputation: 0

Posted 04 February 2012 - 07:24 AM

Yeah, thought that might be it, but it just seemed odd I couldn't edit anything. Well, I simply opened the .dwt in wordpad and edited it in that getting rid of the extra css lines and 'instance' lines, once saved it now behaves fine in DW. Obviously some sort of bug in DW. Thanks.