TemplateBeginEditable tag inside editable region

A weird issue...
I created a template for my asp files.. All goes fine until I
try to add a specific editable region in my code. I just do not see
why I get the error "TemplateBeginEditable tag inside editable
region" on this when I add this on line 6 ("PANA")...
Anyone an idea why I get this error?

Yes. Your coding is completely wrong.
This markup -

and this markup -

CANNOT go above the doctype.
Why is it there at all?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"worldofrugs" <[email protected]> wrote in
message
news:g11cad$8fq$[email protected]..
>A weird issue...
> I created a template for my asp files.. All goes fine
until I try to add a
> specific editable region in my code. I just do not see
why I get the error
> "TemplateBeginEditable tag inside editable region" on
this when I add this
> on
> line 6 ("PANA")...
>
> Anyone an idea why I get this error?
>
>
> <% response.Buffer=true %>
> 
> 
> 
> 
> 
> <%
> on error resume next
> '*******************************
> ' Page Name
> '*******************************
> Dim StrPageName
> StrPageName = "test.asp"
> %>
> 
>
>
> 
> <%
> Dim query, conntemp, rs, rstemp
> call openDb()
> %>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
>

Similar Messages

"instancebegineditable tag inside editable region"

i've tried to update my site and it wont let me. i keep getting this error "instancebegineditable tag inside editable region" im not sure how to fix it..

Here is my code.....
<!doctype html>
<html><head>
<meta charset="utf-8">

<title>My Portfolio - Add Title Here</title>

<style type="text/css">
body {
background-color: #CCCCCC;
color: #000;
height: 100%;
margin: 0px;
padding: 0;
font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 100%;
ul, ol, dl {
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
text-align: left;
margin-left: 7px;
a img {
a:link {
text-decoration: none;
a:hover, a:active, a:focus {
text-decoration: none;
.container {
width: 1000px;
background-color: #CCCCCC;
margin: auto;
height: 100%;
header {
background-color: #999999;
height: 150px;
background-image: url(../images/plaid_banner.png);
clear: inherit;
nav p a{
color: #FFF;
    display: inline-block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
nav p a:hover {
-webkit-transform: scale(1.125,1.125);
-moz-transform: scale(1.125,1.125);
-o-transform: scale(1.125,1.125);
-ms-transform: scale(1.125,1.125);
transform: scale(1.125,1.125);
font-size: 100%;
.sidebar1 {
width: 187px;
background-color: #333;
padding-bottom: 10px;
height: 100%;
background-image: url(../images/sidebar1.png);
background-repeat: repeat-y;
position: absolute;
display: marker;
.sidebar1 a {
color: #FFF;
-webkit-transition: 0.3s;
    -moz-transition: 0.s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
.sidebar1 a:hover {
-webkit-transform: scale(1,1.3);
-moz-transform: scale(1,1.3);
-o-transform: scale(1,1.3);
-ms-transform: scale(1,1.3);
transform: scale(1,1.3);
font-size: 120%;
transition: 0.1s;
nav p {
/* [disabled]padding-top: 5px; */
padding-bottom: 13px;
font-weight: normal;
height: 40px;
.container nav p {
background-color: #666;
text-align: right;
width: auto;
font-weight: normal;
color: #fff;
background-image: url(../images/plaid_banner.png);
font-size: 120%;
.button {
background-color: #666666;
border: 2px solid #0CF;
border-radius: 8px;
width: 180px;
font-size: 120%;
margin-bottom: 5px;
text-align: left;
.aboutme {
background-color: #666666;
text-align: center;
border: 2px solid #0CF;
border-radius: 8px;
padding: 3px 12px;
margin: 0 15px 0 0;
.home {
background-color: #666666;
text-align: center;
border: 2px solid #0CF;
border-radius: 8px;
padding: 3px 28px;
margin: 0 15px 0 0;
.content {
padding: 10px 0;
width: auto;
margin-left: 186px;
height: 100%;
background-color: #FFF;
.content ul, .content ol {
padding: 0 15px 15px 40px;
height: 100%;
ul.nav {
margin: 10px 0 5px 0;
ul.nav li {
ul.nav a, ul.nav a:visited {
padding: 6px 0px 6px;
display: block;
width: 160px;
text-decoration: none;
background-color: #CCCCCC;
color: #FFFFFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background-color: #666666;
color: #FFF
footer {
position: relative;
font-size: 90%;
width: 1000px;
font-weight: normal;
font-weight: normal;
bottom: 0px;
footer p {
float: none;
.socialnetwork {
float: right;
.container .socialnetwork {
margin-right: 7px;
margin-top: -5px;
.container footer p {
font-size: 90%;
background-image: url(../images/Untitled-1.png);
text-align: left;
width: auto;
color: #0CF;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
.container footer nav p {
background-color: #666;
text-align: right;
width: auto;
font-weight: normal;
color: #fff;
background-image: url(../images/Untitled-1.png);
font-size: 120%;
header, section, footer, aside, article, figure {
display: block;

@import url('http://fonts.googleapis.com/css?family=Lato');
margin: 0;
padding: 0;
box-sizing: border-box;
.gallery {
width: 795px;
margin: 0 auto;
padding: 5px 0px 5px 5px;
background: #333;
.gallery > div {
position: relative;
float: left;
padding: 5px;
.gallery > div > img {
width: 250px;
transition: .1s transform;
transform: translateZ(0); /* hack */
.gallery > div:hover {
z-index: 1;
.gallery > div:hover > img {
transform: scale(1.5,1.5);
transition: .3s transform;
.cf:before, .cf:after {
    display: table;
    content: "";
    line-height: 0;
.cf:after {
    clear: both;
h1 {
font-size: 24px;
font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
float: none;
color: #000;
text-align: center;

</style>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body class="container">
    <header>
      <h3><img src="../images/GP_3.png" alt="" name="Logo" width="950" height="140"></h3>
</header>
<nav>
    <p class="container"><a href="#" class="home">Home</a> <a href="#" class="aboutme"> About Me</a> <a href="#" class="aboutme">Contact Me</a></p>
</nav>
<aside>
    <div class="sidebar1">
    <ul id="MenuBar1" class="MenuBarVertical">
        <li><a href="#">Home</a></li>
        <li><a href="#">Gallery</a>        </li>
        <li><a href="#">Websites</a></li>
        <li><a class="MenuBarItemSubmenu" href="#">Résumé</a>
    <ul>
    <li><a href="#">Résumé</a></li>
        <li><a href="#">Cerifications</a></li>
    </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">About Me</a>
     <ul>
        <li><a href="#">About Me</a></li>
        <li><a href="#">Contact</a></li>
     </ul>
        </li>
    </ul>
    
      <aside> </aside>
      <p style="font-size:90%"></p>
    </div>
</aside>

<article class="content">
    <h1 class="stars">Add heading here</h1>
    <section>
      <h2>Add subheading here</h2>
      <p>Add content here</p>
    </section>
    <section></section>
</article>

<footer>
    <p class="container">Copyright 2014 G.Powell.Portfolio. All rights reserved.<a href="../www.facebook.com"><img src="../images/Social Site Logos/Facebook_Logo.png" alt="Facebook" name="Sidebar" width="25" height="25" class="socialnetwork"></a>
    <a href="../www.twitter.com"><img src="../images/Social Site Logos/twitter_logo.png" alt="Twitter" name="Sidebar" width="25" height="25" class="socialnetwork"></a>
    <a href="../www.instagram.com"><img src="../images/Social Site Logos/Instagram_logo.png" alt="Instagram" name="Sidebar" width="25" height="25" class="socialnetwork"></a>
    <a href="../www.plus.google.com"><img src="../images/Social Site Logos/Google_Plus_Logo.png" alt="Google Plus" name="Sidebar" width="25" height="25" class="socialnetwork"></a></p>
</footer>
</div>
          <script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Dreamweaver template giving up "instancebegineditable tag inside editable region" error

I have been searching the internet and any forum I can find relating to Dreamweaver and find it has been a comman problem for a lot of people but the solutions they got have not helped me. I created a template by following steps via a helpvid.net tutorial and the site looked very good for being basic enough but since last night when I try save the template it gives up the error "there is an error at line 8, column 47 (absolute position 789) of "file address": InstanceBeginEditable tag inside editable region." Now from what I have read on the forums it usually means there is a mispelling or something placed inside the region when it shouldn't be but there is only 50 odd lines on it and can't see any problem. When I view the files it gives the error about, there are duplications of the "begin editable region" a number of times but they shouldn't be there because they aren't on the template. Im also finding that before this error came up the pages looked fine when uploaded but now the footer height which was set to 20px is 200px when uploaded and I have checked all coding for it and checked the Divs but still see no error. I have uploaded my tempalete and some of the pages that its giving errors about to see if that helps, not sure if its best to just paste wall of coding so ill post links to the files and if code needs to be pasted here ill do so. http://dublinmoulding.com/ <- site im working on, it can be seen the footer is very big. Should be 20px height but inspect element shows its 200px - #wrapper #footer { color: #FFF; height: 200px; On the template it is #wrapper #footer { color: #FFF; text-align: center; margin: 0px; font-size: 18px; font-style: normal; font-weight: lighter; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; height: 20px; http://dublinmoulding.com/dreamweaver/temp1.dwt <- my tempalate The error is given up on every page created using the template
**Update** I edited the file names of some of the pages that I used the template on so now it shows the coding.
http://dublinmoulding.com/dreamweaver/index.html6 <- my index page
http://dublinmoulding.com/dreamweaver/about.html6 <-about page

No need for tricks. We can view source code directly from our browsers or with Inspect Element.
Like I said, I don't see any code errors in your Template or child pages.
If DW continues to display errors, the first thing to try is Deleting Corrupted Cache in DW
http://forums.adobe.com/thread/494811
If that doesn't help, try Restore Preferences
http://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver-cs4-cs5.html
Nancy O.

Nesting uneditable regions inside editable regions? [CS5]

Hello, I am running into a situation where I have a template structure looking like:
<ul id="outer">
     <li class="nohighlight"><a href="something.html">A page</a>
                 <ul id="inner">
                        <li><a href="other.html">A subpage</a></li>
                 </ul>
     </li>
     <li class="highlight"><a href="something2.html">Another page</a>
                  <ul id="inner2">
                         <li><a href="other2.html">Another subpage</a></li>
                  </ul>
      </li>
</ul>
Now what I would like to do be apply to create new html documents from the template that uses the above structure, and be able to edit the CSS class in the new document. This is easily done by making the (outer) li tags into editable regions. But I would also like to be able to modify/update the "inner" lists in the template file and apply these updates to all files using the template.
Something like:
<li class="nohighlight"><a href="something.html" >A page </a>
            <ul>
              <li><a href="#">The Hydrological Cycle</a></li>
            </ul>
        </li>
Does not work as Dreamweaver ends up auto-completing the <li> tag when templates are applied, leaving the document with two </li>.
Is there a way to make a child tag uneditable and hence to make it update in files when the template is updated, when its parent tag's CSS class remains editable?
Thanks,
Ron

Build your menu with a persistent page indicator and you won't need to change anything on your pages except the body class name.
I keep my menus in server-side include files and this method works great.
http://forums.adobe.com/message/2647186#2647186
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web-design.blogspot.com/

Can't click inside editable region in template based HTML document in CS5

Hi Everyone,
I m having a strange problem in Dreamweaver Cs5. After making the html page based on template, when i am opening the HTML page to edit content in editable region, I couldnot click inside the editable region. I can make changes in code view but not in design view in Dreamweaver Cs5.
Please help if anyone knows the solution. It is really creating a mess for me.
Thanks,
Komal

One of the sites is www.ShelbyVideo.com.
The code for one of the pages is:
<!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" />

<meta name="description" content="SHELBY VIDEO SERVICES: Shelby, NC Video services that are inexpensive, professional, and thorough! Offering corporate and wedding video production services in and around Shelby North Carolina and South Carolina." />
<meta name="keywords" content="shelby video, shelby videographer, shelby videography, shelby nc video, north carolina shelby video, shelby video camera, shelby videos, north carolina videos, nc video, shelbyvideo, shelbyvideo.com, shelby video production, shelby video services, cleveland county video, cleveland county wedding video" />
<title>Shelby Video Production Services: SheblyVideo.com offering videography services in the Carolinas.</title>
<link href="css/main.css" rel="stylesheet" type="text/css" media="projection,screen" />


</head>
<body class="body">
<div id="wrapper">
<div id="header">
    <p><a href="http://www.shelbyvideo.com"><img src="images/shelby-video-logo.jpg" alt="Shelby Video Services" name="weddingVideo" width="216" height="77" border="0" id="weddingVideo" /></a></p>
    <p><a href="index.html">HOME</a>   <a href="shelby-nc-video-services.html">SHELBY VIDEOS</a>   <a href="shelby-video-demos.html">DEMOS</a>   <a href="shelby-video-prices.html">PRICES</a>   <a href="shelby-video-faqs.html">FAQ'S</a>   <a href="shelby-video-north-carolina-reviews-testimonials.html">TESTIMONIES</a>   <a href="shelby-video.html">BOOK US</a></p>
</div>
<div id="mainContent"><br />
    <h1>ShelbyVideo.com</h1>
    <div id="carolinaWeddingVideoDiv">
      <object width="300" height="182">
          <param name="movie" value="http://www.youtube.com/v/QUSnPSLdnG0&hl=en&fs=1&" />
          </param>
          <param name="allowFullScreen" value="true" />
          </param>
          <param name="allowscriptaccess" value="always" />
          </param>
          <embed src="http://www.youtube.com/v/QUSnPSLdnG0&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="182"></embed>
      </object>
    Shelby Video Demo</div>    <p> </p>
    <p>Welcome to Shelby Video Services. We have been producing videos in Shelby North Carolina and South Carolina since 2004. </p>
    <p> </p>
    <p>Your video will be professional and comprehensive. We will beautifully cover your video production in a way that will propell your business into your market and/or enable you to relive your special event over and over and enjoy sharing with others.</p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>
<div id="footer">© <a href="index.html">Shelby Video Services</a><br />
<a href="shelby-nc-video-services.html">shelby nc video services</a> | <a href="shelby-video.html">start here</a> | <a href="shelby-video-demos.html">demos</a> | <a href="links.html">links</a> | <a href="sitemap.html">site map</a> | <a href="shelby-video.html">contact</a> | <a href="shelby-video-north-carolina-reviews-testimonials.html">testimonials</a></div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9484651-2");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Because I didn't create the code, rather it was dreamweaver, i believed that DW is obviously broken. Because I have a bunch of sites I made in earlier versions and when I start using a newer versions, CS5, I now can't access the editable region in any of them it seems DW is broken. So, I didn't think the code was necessary. I thought it was something that others have already experienced and resolved. However, that doesn't seem to be the case. Thanks though for helping with what appears to be broken. Hopefully it's an easy fix because there's other sites I have that this annoyance is plaguing me...

Editable regions and UL tags

I notice that D8 design view can corrupt the view of a page
element if an editable region is included. I.e.
<div class="leftsideCol">
<ul>
<li class="title">In-Page links</li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
</ul>


<p class="sidebarTitle">?! Notices !?</p>

<div class="sideMssgeBoxCntnr">
<p class="sideMessageTitleBkgrndYel">Subject
Title</p>
<p class="sideMessageBoxText">Put your message here. Be
succinct to avoid overcrowding the sidebar. Here is a <a
href="#">link</a> which can be removed by normal text
delete.</p>
</div>
</div>
The first region statements corrupt the view (remove them and
all displays correctly). This does not affect the final page.
If I try to solve this by putting the region just inside the
UL and /UL tags the design view is good. BUT the resulting page has
an extra UL opening tag. Why is this, it upsets the styling?
Where can I find a definitive set of rules for putting
regions around tags other than <p> which seems to work OK? I
want to make a set of LIs editable and be able to add another LI to
the list.

>I notice that D8 design view can corrupt the view of a
page element if an
> editable region is included.
There must be something else going on. Your posted code would
be quite
normal. Why not upload this page and post a link to it so I
can see the
whole picture, please.
> Where can I find a definitive set of rules for putting
regions around
> tags
> other than <p> which seems to work OK? I want to
make a set of LIs
> editable and
> be able to add another LI to the list.
The regions must be properly nested. That's about it. In
other words, you
could not have this -
<div>
</div>

> I want to make a set of LIs editable and
> be able to add another LI to the list.
Exactly what you have would do that.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"ROGM" <[email protected]> wrote in message
news:[email protected]...
>I notice that D8 design view can corrupt the view of a
page element if an
> editable region is included. I.e.
>
> <div class="leftsideCol">
>
> <li class="title">In-Page links</li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
> 
> 
> <p class="sidebarTitle">?! Notices !?</p>
> 
> <div class="sideMssgeBoxCntnr">
> <p class="sideMessageTitleBkgrndYel">Subject
Title</p>
> <p class="sideMessageBoxText">Put your message
here. Be succinct to avoid
> overcrowding the sidebar. Here is a <a
href="#">link</a> which can be
> removed
> by normal text delete.</p>
> </div>
> </div>
>
> The first region statements corrupt the view (remove
them and all displays
> correctly). This does not affect the final page.
>
> If I try to solve this by putting the region just inside
the UL and /UL
> tags
> the design view is good. BUT the resulting page has an
extra UL opening
> tag.
> Why is this, it upsets the styling?
>
> Where can I find a definitive set of rules for putting
regions around
> tags
> other than <p> which seems to work OK? I want to
make a set of LIs
> editable and
> be able to add another LI to the list.
>

CS6 - add non-editable region inside editable template region?

I have the following in a template:
    <div class="main-content">

      <div class="content p7ehc-1"> 
        <h1 class="page-topper">Enter topic here</h1>
        <p>Enter content here</p>
      </div>
    
   </div>
Right now everything in main-content is editable. I'd like to add "Page last revised - " at the bottom of the page which would be non-editable. An editable date would follow.
I already have a number of pages with content so any solution should not destroy the content of those pages. (If needed I'd be willing to manually add "Page last revised -" to each of those pages. However, I'd want this to be automatically added for any new pages that were based on the template.)
I have tried putting "Page last revised -" in another div and making it non-editable but this creates other layout problems. I currently don't want to explore this option further.
Thanks for any suggestions.

You could always drop a server-side include or even a Dreamweaver Library item into that editable region (the latter method is a poor second choice, though). Is that a reasonable solution?
Failing that, manually adding Ben's code both to the existing child pages and the current template will definitely place that code into newly created child pages. The beauty of his suggestion is that it's self maintaining, meaning that the code will always show the proper date on each page.

Edit region teal colour tag "editableregion" is messing up layout.

Hi I have developed a Photoshop layout.
I carved up vertical menu bar (6 options) and made three different buttons for different states. up down pressed
so I can calculate 6 x button height (52) and 138 width.
So i have an area of 312 x 138
So I create a slice of this size.
So i save for web
Now when in dreamweaver i create template ..
Now for the navigation area of size 312 x 138 i create a div and then i insert a editable region.
I get a bulky teal coloured tag at top
Finally i create my navigation bar and insert 6 images. ... but the bottom is being push by what seems to be the height of the bulky tag.
Any suggestions please

Sure, you can turn off the invisible items, and turn them back on when you need them. Go to View > Visual Aids > Invisible Elements and turn them off.
They only mess up the Design View, they should not be messing up your actual Live View or Browser View.
Beth

Adding editable region tags moves my content in non-editable regions

I have a template based on a template (the first with my navigation, and the second is based on the first with a sidebar added). When I add an editable region to the second template, it moves my sidebar down to leave a gap between the nav bar and the top of the sidebar. On the second template I want to add editable regions to the content area and to the sidebar. Even if I don't add any content to the editable reagions and just place the editable regions tags, my sidebar still moves down. I have tried adding two seperate editable regions and also adding one large editable region covering the content area and sidebar and the sidebar moved both times. My content area is a div floated left and the sidebar is a div floated right.
I don't understand why anything is moving when I am only adding tags to make an area editable

Do you have a container that the two divs are in and if so, are you clearing the floats? It's hard to give an answer without seeing the problem page.
Jim

Template error when pasting code between editable region tags

Hi everyone,
The following code snippet is part of the code in my template file:
<div id="content">
<div id="content_main">
    <div id="content_inner"></div>
    <div id="sidebar">
    <h3 class="round2">Categories</h3>
Note that the above code contains an editable region as follows:

Back in my file that's attached to this template, I tried to paste code between these two tags:
 A whole heap of code was pasted here 
But I'm getting the following error:
"You have made changes to code that is not marked as editable. If you retain those changes, they will be lost the next time you apply a template update to this file. Do you want to retain the changes until then?"
I don't know why it's saying this since I'm adding code in between the two instance editable tags.
Does anyone know what's going on here?
Appreciate any help.

Hello hth
Just so you'll know, although 'hth' looks like a signature, it's really an abbreviation for "hope this helps"!
I have put the code in that you suggested, (via new style sheet I named paradent) enclosed the text within the <p>...</p> but still not working:
P
.twoColLiqLtHdr #container #mainContent .paradent {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
text-indent: 35px;
word-spacing: normal;
<span class="paradent">No color flagged the coming of spring to the Lowveld. The rains were late again, and from the Limpopo to the Sabi River and beyond into Mozambique, the mopani trees were leafless and grey; the wide rivers dry and white under the relentless sun.<br />
This is not valid code - it's not how you use CSS.
All CSS needs to either be placed in an external stylesheet which is linked in the head of the document, embedded between <style> tags in the head of the document, or placed inline in the target tag. Examples of each would be -
LINKED -
<link rel="stylesheet" href="path_to_CSS_file.css" type="text/css">
</head>
EMBEDDED -
<style type="text/css">
body { margin:0; }
</style>
INLINE -
<body style="margin:0;">
Yours is not only in the wrong place (within the body content), but it's also between <p> tags rather than <style> tags. That's not going to work at all. Can you handle getting that rule into the right place in your code?

Quick Question regarding an error with editable regions

Hello,
I am a co-op student and I work with other students as well, on our large company website. I have always been considered the cheif coder, and nobody knew the wesite layout and file directory as well as me. However, something terrible has happened while somebody was updating some information on one of your HTML pages.
I logged in to Dreamweaver CS3 on afternoon to make a very simple text error change on our website. As soon as I hit "synchronize sitewide", it stated that there was no synchronization necessary, although I had already made a change. So then, on the template (.DWT) page, I thought I would backspace any character, and then retype it again in order for the "save" option to appear, so that I could save the template, and have it update all HTML pages, as well as the page that had just said "no synchronization necessary". I thought that I had to update the template first, which was strange, as I never had to do this before.
When I clicked update, the error message that I got was that I have placed an editable region inside of a block tag. I checked the HTML pages as well as our template (.DWT) pages, and indeed, the "Page Header" was embedded in a <h1></h1> pair. The pair appears black and delete-able in the template files, and grey in the HTML files, which is expected. However, I have been working at this institution for four months, and I recall that the <h1> tag pair had always been there since I remember. (How badly did this other person mess up?! =S)
I tried to delete it from the .DWT file (the small editable region, and the <h1> tags), and now, what happens is that if I try to save a template so it updates all other HTML pages before synchronization, the template simply does not update anything, and I get no message whatsoever after clicking Save.
Any help would be greatly appreciated. Thank you in advance for coping with these many details. I simply want to be able to update HTML pages again, because my boss really needs it, and I have never had such a problem before (having made much larger changes to this same website in the past)
Thanks again,
Mr. V

How many child pages are you supporting with this DWT? Hopefully less than 50 pages.
Is your code valid? HTML Validator - http://validator.w3.org
Can you post a link to your DWT page, or copy and paste your code here?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Template - editable region problem

Hi folks,
I'm designing a site using CSS as opposed to tables and I've
hit on a problem. For info the site is broken down into a 'header',
'left hand column' and a 'right hand column'. The 'left hand
column' is a class and on the template I'm trying to make it an
editable region, However when I've down editable regions in tables
in the past they're always worked but this time out when attempting
to make the left hand column editable the following message is
displayed:
You have placed the editable region "EditColumn" inside a block
tag. Users of this template will not be able to create new blocks
in this region. Move the region outside the block tag if you want
users to be able to do this. Now I'm not sure what I'm doing
wrong, however it is within this region I want to be able to edit
data. I want to be able to apply a Bg image to this region and also
add images or text and links - however I cant.
I have tried to edit the above on a separate DW8 file and it
works fine (which it should do) - it's just in the template version
I cant. Can anyone shed any light on this problem. I'm not a
hardcore coder so any breakdown in this problem would be absolutley
welcomed.
Many thanks
Tommisauce

I note that you have used the space bar as a layout tool (not
a great idea).
   <a
href="#">ADVERTISEMENT</a>
I also note that you continue to make the error of improperly
nesting tags -
<p align="left"><img
src="../image/Front_Page/IUKwebLogo.gif"
alt="Intuition
UK: Business Consultants" width="245" height="60"
class="Logo" /><div
class="MenuHeader">
Note that this is a <div> inside a <p> and that's
not a valid structure.
You also have things like this -
<p><p class="Copyright">Intuition UK
2007©</p>
an improperly terminated <p> tag.
Until you get a better grasp of HTML, you should probably
stay out of the
code.
The bottom line is this - DW will only do what you tell it to
do. If you
tell it to do something that will result in invalid markup,
DW will not
always prevent you from completing that task. If there is
invalid markup on
a template page, you will always trigger these alerts that
you are getting.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"tommysauce" <[email protected]> wrote in
message
news:[email protected]...
> Hi Murray - thanks again for this - however (you've
guessed it) it's not
> working. Now I really have no idea why this isn't
working. I thought
> making a
> Template with this editable region would of been the
easiest thing to do,
> however - not so.
>
> I've included the bodycopy for you in this reply to give
you my coding -
> to
> see if you can see anything which is untoward. Many
thanks in advance.
>
> </head>
>
> <body>
> <div class="Left"
> id="Edit"><h1></h1></div>
>
> <p align="left"><img
src="../image/Front_Page/IUKwebLogo.gif"
> alt="Intuition
> UK: Business Consultants" width="245" height="60"
class="Logo" /><div
> class="MenuHeader"><a href="#">HOME</a>
  <a
> href="#">ABOUT
> US</a>     <a
href="#">SERVICES</a>   <a
> href="#">NEWS</a>
   <a
href="#">ADVERTISEMENT</a>
>     <a
href="#">PAYMENTS</a>    <a
> href="#">CONTACT</a></div>
>
> <span class="Right"><img
src="../image/Front_Page/Latest.gif"
> alt="Intuition
> UK: Business Consultants - graphic for latest news"
width="320"
> height="30"
> hspace="5" vspace="5" /><br />
> > <a href="#">But perspiciatis unde
omnis iste natus error sit
>     voluptatem
accusantium But perspiciatis
> unde</a><br />
> > <a href="#">Tomnis iste natus error
sit</a> <br />
> > <a href="#">voluptatem accusantium
doloremque </a><br />
> > <a href="#">laudantiumdoloremque
laudantium</a><br />
> <img
src="../image/Front_Page/RightPI/RightPanelImageA.jpg"
alt="Intuition
> UK:
> Business Consultants - graphic of a computer close up"
width="320"
> height="125"
> hspace="5" vspace="5" /><img
src="../image/Front_Page/contact.gif"
> alt="Intuition UK: Business Consultants - graphic for
Contact us:
> [email protected]" width="320" height="30" hspace="5"
/><br />
> <br />
>   Please contact one of Intuitons
experienced
>   consultants who will only be too
happy to help on <br />
> <br />
>   <span class="style4"><span
class="Telephone">020 xxxx
> xxxx</span><br />
> <br />
>   Or send an e-mail querie to:<br
/>
>   <a
href="[email protected]">[email protected] </a><br
/>
> </span></span> <br />
> </p>
> <p><p class="Copyright">Intuition UK
2007©</p>
> </body>
> </html>
>

How do I make head section an editable region?

I have a main template with header, spry menu, main content(editable region) and footer.
I create new page from template, but it will not let me edit the head section to add a spry accordian. I need to paste the external link to css for the accordian in the head section, but DW wont let me touch the head section. I tryed to make the "head" an editable region, but that did not work.
Thanks for any insight...
Kevin

If you are using a recent version of Dreamweaver, there should be an editable section in the head of the document just before the closing head tag. It looks like this:


</head>
Insert the keywords, description, links to external files between the Template comments.
If you're using an older version of Dreamweaver that hasn't created an editable region inside the head, copy and paste the template comments into the master template just before the closing head tag, as shown above.

After inserting editable regions, DW CS3 tells me none exist...?

I am having muliple problems with templates on this particular project, that I have never seen before. I was going to break them into multiple
questions, per the instructions here at the forum, but all of these relate to the same template code, which I will post below, so I think it would be
more efficient to include the related questions in this thread.
Background
I created this template by first scraping the client's existing site, which is a dynamic CMS site, with HTTrack. Secondly, I opened the HTML file generated by that processs, and saved it as a template in my DW project, which automatically assigned it to the "Templates" folder, and is accessable via the "Assets" panel (usual stuff.)
The reason for starting with a scraped version of existing is that this project involves moving the site off of the CMS platform and into HTML/CMS, yet preserving essentially the same design.
1. The most obvious problem I have is that in the subject line: after adding a couple of editable regions to my template,
when I save/preview, an error message comes up saying "your template has no editable regions, do you want to proceed?"
2. In doing the save as template operation, I am prompted with "Update links?" and I do. When I open the template, all looks good in DW, however as soon as I do a preview, I get a completely raw html page with NO css styling, no images, no fonts, etc. Conversely, if I do the same step, yet choose not to update links when prompted, then I get a template that looks completely bare in DW (no styling, no images, etc.) yet looks fine when previewed...?
Additionally, one other thing I tried was doing the save as template, choosing not to update links, and then moving it out of the templates folder into the main project folder - Here, it both looks fine in DW, and previews, yet I am unable to use it as a template (does not appear in assets, cannot use "create new from" or "apply", etc.)
I have also tried changing from "site root" to "document" in terms of linking, yet nothing has worked. Every time I have created a template on other projects, all has just worked fine from the start, so I am really stumped here.
The project will have too many pages to not use a template for updates, so I am hopeful that I can figure out what is causing this. Following is my template code:
<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Home | Records Management Center</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<base href="http://records-storage.biz/RMCAugusta/">
<meta name="robots" content="all" />
<meta name="description" content="records management center augusta's choice for data storage, records management, document shredding.">
<meta name="keywords" content="augusta, data, storage, records, management, document, shredding, center">

<link rel="stylesheet" type="text/css" href="../include/scripts/css/screen.css" />


<script language="JavaScript">

</script>
<script type="text/javascript" src="../include/scripts/jquery/jquery1.2.6.js"></script>
<link rel="stylesheet" type="text/css" href="../include/scripts/superfish/superfish.css" media="screen">
<script type="text/javascript" src="../include/scripts/superfish/superfish.js"></script>
<script type="text/javascript" src="../include/scripts/superfish/hoverIntent.js"></script>
<script type="text/javascript" src="../include/scripts/jquery/site.js"></script>
<script language="Javascript" src="../include/scripts/rotate.js"></script>
<link href="/RMCAugusta/common/wsaglobal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="header">
<h1>
<a class="logo" href="../index.html" title="Home Page">
<img src="../images/RMC-logo.gif" alt="Home Page" /></a>
</h1>
<div id="supernav">
<a href="../index.html" title="Go Home">Home</a> |
<a href="#" title="FAQ">FAQ</a> |
<a href="../common/feedback_footerc73a.html?PAGE=355" title="Contact RMC">Contact Us</a> |
<a href="../common/contentff2a.html?PAGE=353" title="Client Login">Login</a> |
</div>
<div id="searchsite">
<form action="http://www.recordsmanagementcenter.com/common/textsearch-std.asp?PAGE=375" method="post" id="Search" title="Search">
<input type="text" name="i_search" class="searchbox" value="Search Site..."
onfocus="if (this.value == 'Search Site...') {this.value = '';}"
onblur="if (this.value == '') {this.value = 'Search Site...';}" />
<input type="submit" class="submit" alt="Submit" value="Search" />
</form>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="topnav">
<ul id="menu" class="sf-menu">
     <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/contentd618.html?PAGE=350">About RMC</a>
       <ul >
        <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/content9a68.html?PAGE=356">Customer Bill of Rights</a></li>
          <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/content0864.html?PAGE=369">My Three Point Pledge</a></li>
          <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/content1f72.html?PAGE=363">Testimonials</a></li>
          <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/content3fb4.html?PAGE=364">Our Facility</a></li>
        <li><a href="#">Newsletter</a></li>
        <li><a href="#">Special Offer</a></li>
     </ul>
</li>
     <li><a href="#">Records Managment</a>
      <ul>
      <li><a href="#">Records Storage</a></li>
      <li><a href="#">File Storage</a></li>
      <li><a href="#">File Indexing</a></li>
      <li><a href="#">Storage & Delivery Process</a></li>
      <li><a href="#">Barcode Tracking </a></li>
      <li><a href="#">File Restoration</a></li>
      <li><a href="#">Dedicated Vault Storage</a></li>
      <li><a href="#">Supplies</a></li>
     </ul>
</li>
     <li><a href="#">Document Imaging Solutions</a>
      <ul >
       <li><a href="#">Service Bureau</a></li>
       <li><a href="#">Scan On Demand</a></li>
       <li><a href="#">Data Silo</a></li>
      </ul>
    </li>
    <li><a href="#">Shredding & Destruction</a>
     <ul >
       <li><a href="#">Shredding Process</a></li>
       <li><a href="#">Drop Off Shred</a></li>
       <li><a href="#">One Time Purges</a></li>
       <li><a href="#">Media Destruction</a></li>
       <li><a href="#">Collection Containers</a></li>
      </ul>
   </li>
    <li><a href="#">Data Backup</a>
     <ul >
       <li><a href="#">Tape Vaulting</a></li>
       <li><a href="#">Electronic Vaulting</a></li>
      </ul>
   </li>
   <li><a href="#">Info Management 101</a>
     <ul >
       <li><a href="#">Special Info Kit</a></li>
       <li><a href="#">Storage Options</a></li>
       <li><a href="#">How To Choose</a></li>
       <li><a href="#">Storage Tips</a></li>
       <li><a href="#">Retention Guide</a></li>
      </ul>
   </li>
   </ul>
    <div class="clear"></div>
</div>
<div id="slideshow">
<script language="JavaScript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 632, 258, 0, 4000, 0)
</script>
</div>
<div id="page">
<div class="tophome">
<div class="bot">
<div id="contenthome">
<table border="0" cellpadding="0" cellspacing="5" width="100%">
     <tr>
          <td valign="top">
               <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                         <td valign="top" width="">

<a name="1"></a>

<h1>Welcome to <b>Records Management Center</b></h1>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" align="Left" class="text">We know you have many options when it comes to storing your organization's records and information. You may choose to store them on-site in your own storeroom, in a mini-storage (self storage) unit, with a moving and storage company or with a full-service records management company like Records Management Center. There are, however, major differences not only in the storage options available, but in the companies that provide them as well. Please take some time to review our website and familiarize yourself with your records management options, so that you can make the choice that's right for your organization.</td>
</tr></table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" align="Left" class="h2">About Us</td>
</tr></table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" align="Left" class="text">Records Management Center was established in 1985 as a full-service records management company providing document storage, digital imaging, media storage and shredding services to the Central Savannah River Area.<br />
<br />
We protect businesses and their customers by securing their confidential information and helping them comply with HIPAA, GLB and FACTA, as well as all state and federal information management and destruction laws.</td>
</tr></table>

                         </td>
                    </tr>
               </table>          </td>
     </tr>
</table>
</div>
<div class="clear"></div>
<div id="specials">
<div class="top">
<div class="quote">
<a href="../common/feedback_footerc73a.html?PAGE=355" title="Get A Quote"> </a></div>
<div class="info">
<a href="../common/content371a.html?PAGE=373" title="Free Information Kit"> </a></div>
<div class="days">
<a href="../common/content371a.html?PAGE=373" title="30 Days of Free Shredding"> </a></div>
<div id="newsletter">
<h3>Sign up for our<br /><span class="caps">Free Newsletter</span></h3>
<form action="http://www.recordsmanagementcenter.com/common/feedback_footer.asp?PAGE=374" method="post" id="Search" title="Sign Up">
<input type="text" name="input_2" class="searchbox" value="Email Address"
onfocus="if (this.value == 'Email Address') {this.value = '';}"
onblur="if (this.value == '') {this.value = 'Email Address';}" />
<input name="Sign up" type="submit" class="submit" alt="Sign Up" value="Sign Up" />
</form>
<div class="clear"></div>
</div>
</div>
<div class="bot"> </div>
</div>
<div id="boxes">
<div class="records">
<a href="../common/content5697.html?PAGE=331" title="Records Management"> </a></div>
<div class="imaging">
<a href="../common/content9e28.html?PAGE=61" title="Digital Imaging"> </a></div>
<div class="storage">
<a href="../common/content7f9f.html?PAGE=333" title="Computer Media Storage"> </a></div>
<div class="shredding">
<a href="../common/content1cd1.html?PAGE=296" title="Secure Shredding"> </a></div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="links">
<a href="#">Terms and Conditions</a> |
<a href="#">Privacy</a></div>
<div id="copyright">
© 2009 Records Management Center.<br />
A Division of RBW Logistics Corporation<br />
Powered by <a href="http://www.powerserve.net/">PowerServe</a><br />
<a href="http://www.rbwlogistics.com/"><img src="../images/logo-footer.gif" /></a>
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript" src="/NoIEActivate.js"></script><script src="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-159577-28";
urchinTracker();
</script>

</body>

</html>

There are (or can be), of course, editable regions in the head of a document. Typically, around the <title></title> you will find 'space' to put links etc, and meta tags:

<title> Your title here </title>
<meta name="description" content="Description here." />
<meta name="keywords" content="keywords here " />
<meta name="robots" content="index,follow" />

Further down in this same document, I find:

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

</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>

showing a stylesheet link and an embedded style.
So it's not so much that you can't have editable areas in the head of the document, it's more that you can't overlap or improperly nest ANYTHING.
You can also (am I repeating myself?) make a tag's attributes editable. I use that feature most notably for applying different IDs to <body> tags for different neighborhoods in my sites. By applying different body IDs, I can control more specifically elements on those pages. But that's a conversation for another time!
Best,
Beth

Editable region but not in code view

EDIT: While cooking dinner I thought that the computer "fixes" itself when it reboots what about Dreamweaver? I closed DW down. Reopened the app and voila. I CAN edit that section in code view now. It's weird but it appears to be working. I'll repost if something is amiss again regarding this issue. I'll leave the post up in case it's helpful to anyone else. thanks.
I have new pages made from a template. I can only edit in design view NOT in code view. I get the standard error of I'm trying to edit where I'm not allowed. I've made templates many times but never had this problem (I don't think!). Does someone have a tip or help for me? In addition to this issue I was not able to change the title of the page until I added the editable region in the template for title line. That's always been default editable before. Thanks a lot. I'm using DW8.
begining code from template:
<!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>Party Invitation Boutique</title> 
begining code from new pages:
<!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>Baby Blue</title> 
-------------then further down on the page is the editable region-------------

<div id="content_right">test only can type in design view. can't add div boxes
even in this editable region. ugh. can't even type next this this text in the
code view. </div>


Best thing you can do in the future is run your code through the validator if the editable region exists:
http://validator.w3.org/
If there are code errors with other tags on the page then it is possible DW is overlooking its own template code. Unfortunately without seeing the whole page I cannot say this is definitely the case, but a likely possibility.

TemplateBeginEditable tag inside editable region

Similar Messages

Maybe you are looking for