Creating editable regions in templates

This question was posted in response to the following article: http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7ab7a.h tml

LOL, I am not. I created it with what I though was a template, it says it's a template however I noticed it is an .html file not a .dwt. I somehow copied a page from my existing site, don't know how I did it now, an thought I saved it as a termplate. I am so confused at this point

Similar Messages

How can we add multiple editable region in template

Hi,
My issue is when I am going to create a new template I want to add multiple editable region in template and I want to use those editable region per page wise so that in page editor I will add different text for each page for those editable region.
I can use incontxt editor to change those area for different pages although is it possible to use online editor to add different text for different pages.
I also have a plan to solve the issue ... that is also not working.
Plan is .. if we can use tag (not the default one in template), want to use different tag like {tag_headding},{tag_sidebarcontent} in template so that we can use those tag in template and fill the field in the page online editor, so when differnt page we will create we will fill those field for those tag and that will show in the front view of the site.
Please help me. I am really stuck on this issue.
Thanks in advance.
Projjwal

Hi Projjwal,
Yes, if you look at many of the commercial BC templates available the way they are getting around it is with Content Holders and multiple templates.
Now I know you will say that multiple templates is high maintenance ..... not if you use Content holders for both recurring content and unique content.
Think of Conent Holders as 'Includes' ... I have been doing it this way with templates that I build from scratch as well. Easier than you think.
And that way the client can change content such as footer information or whatever that appears on all pages without editing the template itself.
Only drawback is that if you are using Design View in Dreamweaver the content holders don't render. But other than that Content Holders are awesome.
Brad

How to delete editable regions and template?

Hi everybody,
I posted this question earlier in the web discussions area, being unaware of a forum specific to Dreamweaver. Sorry for posting in two different places.
For the past week, I have been learning Dreamweaver CS4 from an online tutorial. I got to the place where I generated a template (index.dwt) from the main page (index.html) and created some editable regions on it. At that point, I realized that I had done all the steps by rote and did not actually absorb what I was doing. I wanted to delete the template in order to repeat the steps and gain a better understanding of the process. When I tried to delete the editable regions (modify-templates-remove editable regions), I was unable to do so because "remove editable regions" was greyed out. Nor was I able to delete the html code. I tried to delete the template itself, but when I did that, the index.html page retained those editable regions! Can anyone tell me if there is a way to get back to the place I was in before creating the template?
Thank you for any assistance.

All you need to do is detach the index.html file from the template. Then you can delete the template and start all over.
Go to the Modify menu --> Templates --> Detach from Template

Cannot create editable region on php page

I was successful on the html page; to select the text and create editable region.
But when I select the same text on the php page; I get the error message: "Selection is outside the body tag. Select the text inside the body tag."
www.ndccalliance.org/resource.php
www.ndccalliance.org/resource.html
What am I doing wrong?
Thank you.

Hello JudyEllis,
Take a look at the output source code for your PHP page when viewed in the browser. You actually have multiple nested opening and closing HTML and body tags in your page. It appears maybe you're using includes, for instance with your header and footer, but your include files are entire HTML documents, not just the chunks of code you need.
Best regards,
Corey

Can't Delete Non-Editable Region in Template?

Well, I can in existing templates but if I create a new one from an existing page using "Save as Template", when I try to delete a non-editable region in the template, DW won't let me. I don't know why. Aaaargh!
It's my understanding I should be able to edit anything in a template. I've tried existing DW and restarting. I've tried using other pages as a basis for the template. Every template I create won't let me delete non-editable regions. I'm highlighting the non-editable region and pressing the delete key. I can't delete.

burro_mail wrote:
Not sure DW is doing what you describe...
But I am certain you could remove the region in code view.
Even if you are a WYSIWYG-er and not a big code-head, it should be pretty easy to remove the region markers and everything between them...
Trust me, it is. I'm wondering if the problem is associated with the fact that the source page that I saved as a template was based on a template? I just noticed that this new template refers to another template. I'm thinking that means the other template is controlling what I'm trying to do in the current template.
That's it. I just tried saving a template under a different name (still retaining the correct template file extension) but did not do the save as template. Now I can completely edit that template. So you if you save a page that is controled by a template, as a template, that new template is controlled by the previous template.
I've got a headache now.

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...

Child pages inheriting editable regions from template

I have looked far and wide and cannot find an answer to this problem:
We recently did a homepage update where the nested and/or second level template (index_template.dwt) was changed. Since much of the formatting was the same - I duplicated the original index_template and made all necessary changes. From this template two child pages were created for our US and UK site. Upon creating the page(s) from the index_template they are inheriting the editable regions, thus not having the ability to update when changes are being made to the template. I have tried multiple ways in an attempt to correct this - but to no avail. Does anyone have a clue how to correct this? As of now I have to manually update all 3 pages.
BTW I am also a relatively new user who was thrown into managing our company website and pretty much doing a redo on the whole thing. Talk about a learning experience!

My issue is when you create a page from a template they are not supposed to inherit the editable regions less otherwise marked.
But that is not true. A newly created child page will inherit ALL content from its template. But changes to the editable region contents in the template will NOT propagate to existing child pages.
So, for example, if I want all child pages to have an embedded stylesheet in the head that is EDITABLE, my template would look like this -

<style type="text/css">
</style>

All newly created child pages will then look like this -

<style type="text/css">
</style>

If I then go back to the template and change it like this -

<style type="text/css">
body { margin:0; }
</style>

that change will NOT propagate to existing child pages, but WILL appear in child pages created subsequently to the save of the template after the change.
And by the way, it's always been this way.

Editable regions in templates. How do I edit the CSS in a new page from the template?

I am new to Dreamweaver and Web design. I have made a template and have two editable regions they work fine. When I create a page from this template, I can't edit the CSS. What do I need to do to edit the div tags that are specific to the editable regions? Thank you, I appreciate any help I am just about to give up with templates.

Hi, thank you here is my code. Maybe I am trying to do too much advanced stuff to soon!
<!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>Untitled Document</title>

<link href="file:///C|/Users/Roxane/Desktop/Brown County Indiana/images/favicon.ico" rel="shortcut icon"/>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="file:///C|/Users/Roxane/Desktop/brown county indiana/scripts/automanualslideshow.js"></script>
</script>

<style type="text/css">
#container {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
#header {
    height: 80px;
    width: 100%;
    background-color: #222;/*Some browsers will not recognize RGBA colors*/
    background-color: rgba(0,0,0,0.6);/*RGBA fourth value for opacity, if there are two rules that apply to the same element, the latter of the two takes priority.*/
.jld_logo {
    float: left;
    padding-left: 70px;
    display: block;
    padding-top: 10px;
#navigation {
    height: 27px;
    width: 100%;
    background-color: #C00;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    left: 0px;
    color: #FFF;
    background: rgb(192,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(192,0,0,1) 0%, rgba(144,0,0,1) 51%, rgba(144,0,0,1) 56%, rgba(192,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,0,0,1)), color-stop(51%,rgba(144,0,0,1)), color-stop(56%,rgba(144,0,0,1)), color-stop(100%,rgba(192,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00000', endColorstr='#c00000',GradientType=0 ); /* IE6-9 */
#sideleft {
    float: left;
    width: 19.0%;
    font-family: eurofurence, "Tekton Pro", Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    background-color: #222;/*Some browsers will not recognize RGBA colors*/
    background-color: rgba(0,0,0,0.6);/*RGBA fourth value for opacity, if there are two rules that apply to the same element, the latter of the two takes priority.*/
    text-align: center;
    height: 300px;
    border-radius: 10px;
    border:1px solid #888;
    padding-top: 0px;
    margin-top: 25px;
.mywork {
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #C00;
    text-align: center;
    line-height: 60px;
.categoriessmall {
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #FFF;
    text-align: left;
    display: block;
    margin-left: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C00;
    margin-right: 10px;
.sideleft-text {
    padding-top: 75px;
a.sideleft, a.sideleft:link, a.sideleft:visited {
    display:block;
    margin-top:4px;
    text-align:left;
    text-decoration:none;
    font-family:eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size:14px;
    color:#FFF;
    line-height:20px;
    overflow:hidden;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-left: 15px;
    white-space: nowrap;
a.sideleft:hover {
    color:#999;
a.sideleft:active {
    color:#C00;
#mainright {
    float: right;
    width: 75.5%;
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    color: #FFF;
    text-decoration: none;
    height: 700px;
    text-align: left;
    background-color: #000000;/*Some browsers will not recognize RGBA colors*/
    background-color: rgba(0,0,0,0.6);
    margin-left: 0px;
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    border:1px solid #888;
    z-index: -3;
    padding: 0px;
.categories {
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #808080;
    text-decoration: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #C00;
    float: none;
    position: relative;
    clear: none;
    left: 0px;
    z-index: auto;
    margin-right: 50px;
    margin-left: 20px;
.img
    height:auto;
    width:auto;
    float:left;
    text-align:center;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #FFF;
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 18px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
.img img
    display:inline;
    margin:10px;
    border:1px solid #333;
.img a:hover img
    border:1px solid #900;
.image desc
    text-align:center;
    font-weight:normal;
    width:120px;
    margin:2px;
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
#footer {
    clear: both;
    width: 100%;
    font-family: eurofurence, "Tekton Pro", Tahoma, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    margin-left: 0px;
    color: #FFF;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-left: 10%;
    padding-right: 15px;
body {
    background-image: url(../images/background_large.jpg);
</style>
</script>
<script src="../spryassets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../spryassets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../styles/automanualslideshow.css" rel="stylesheet" type="text/css" />


</head>
<body>
<div id="container">
<div id="header">
<div class="jld_logo">
<a href="file:///C|/Users/Roxane/Desktop/index.html">
<img src="../images/jeff_danielson_logo_reverse.png" alt="Jeff Danielson logo" name="jld_logo" width="60" height="60" id="jld_logo" longdesc="images/jeff_danielson_logo_reverse.png" />
    </a>
</div></div>
<div id="navigation">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">About Jeff</a>
        <ul>
          <li><a href="#">Biography</a></li>
          <li><a href="#">News</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">My Work</a>
        <ul>
          <li><a href="file:///C|/Users/Roxane/Desktop/recent_photographs.html">Recent Photographs</a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/flowers_leaves_moss.html">Flowers/Leaves/Moss</a></ li>
        <li><a href="file:///C|/Users/Roxane/Desktop/forests_trees_valleys.html">Forests/Trees/Valleys</ a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/deer_dogs_creatures.html">Deer/Dogs/Creatures</a></ li>
        <li><a href="file:///C|/Users/Roxane/Desktop/lakes_rivers_streams.html">Lakes/Rivers/Streams</a> </li>
        <li><a href="file:///C|/Users/Roxane/Desktop/clouds_skis_fog.html">Clouds/Skies/Fog</a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/birds_butterflys_insects.html">Birds/Butterflys/Ins ects</a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/panoramas.html">Panoramas</a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/fall_winter_spring_summer.html">Fall/Winter/Spring/ Summer</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Pricing</a>
        <ul>
          <li><a href="#url">Size</a></li>
        <li><a href="#url">Mats</a></li>
        <li><a href="#url">Frames</a></li>
        <li><a href="#url">Frames & Mats</a></li>
        </ul>
      </li>
      <li><a href="#">Contact</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Runciple Spoon</a>
        <ul>
          <li><a href="#">The 1970's</a></li>
          <li><a href="#">The 1980's</a></li>
          <li><a href="#">The 1990's</a></li>
          <li><a href="#">The 2000's</a></li>
        </ul>
      </li>
    </ul>
</div>

<div id="sideleft"> <span class="mywork">My Work</span> <span class="categoriessmall">Categories</span> <a class="sideleft" href="../recent_photographs.html" title="">Recent Photographs</a> <a class="sideleft" href="../flowers_leaves_moss.html" title="Flowers/Leaves/Moss">Flowers/Leaves/Moss</a> <a class="sideleft" href="../Forests/Trees/Valleys.html" title="Forests/Trees/Valleys">Forests/Trees/Valleys</a> <a class="sideleft" href="../Deer/Dogs/Creatures.html" title="Deer/Dogs/Creatures">Deer/Dogs/Creatures</a> <a class="sideleft" href="../Lakes/Rivers/Streams.html" title="Lakes/Rivers/Streams">Lakes/Rivers/Streams</a> <a class="sideleft" href="../Clouds/Skies/Fog.html" title="Clouds/Skies/Fog">Clouds/Skies/Fog</a> <a class="sideleft" href="../Birds/Butterflys/Insects.html" title="Birds/Butterflys/Insects">Birds/Butterflys/Insects</a> <a class="sideleft" href="../Panoramas.html" title="Panoramas">Panoramas</a> <a class="sideleft" href="../Fall/Winter/Spring/Summer.html" title="Fall/Winter/Spring/Summer">Fall/Winter/Spring/Summer</a></div>

<div id="mainright"></div>

<div id="footer">
© 2012 Jeff Danielson Brown County Indiana Photography</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Trying to create editable region - already editable?

Hi,
I'm really new to web design/Dreamweaver, so please bear with me!
I have created a template for a web site I've been making, and I'm now trying to add editable regions. However, wherever I try and insert one I get the message: The selection is already in an editable, repeating, or optional region.
I have not added any kind of regions, merely been creating the web page. I tried to remove the template markup, but that option is greyed out. I really don't know what to do. It's probably something really obvious, but I can't figure it out, and I couldn't find the answer on google.
Please help!
Thank you

Okay, here is my source 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Untitled Document</title>



<link href="../style.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" />
</head>
<body>
<div id="wrapper">
<div id="header">
<img src="../baselogo.png" width="300" height="200"/>
<p>"To witness the birth of a child is our best opportunity to experience the meaning of the word miracle" - Paul Carvel</p>
</div>
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">Homepage</a>    </li>
    <li><a href="#">About Me</a></li>
    <li><a href="#">Birth Doula</a>    </li>
    <li><a href="#">Postnatal Doula</a></li>
    <li><a href="#">Links</a></li>
    <li><a href="#">Contact Us</a></li>
</ul>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
<div id="main">
<div id="image"><img name="mother" src="" width="200" height="300" alt="" /></div>
<div id="content">
<p>albmfolmffomgvf mvdflp;dfmvlfdpmvdofpgmdfo pvdfogpdofgmdfopgdmfpgodfgmsopfdgmckvleirond fvjfngjlsfgkmslfkgnsflkgnsflkg nslfkgvmklfgvmdfpimkdklcviofmikdflmgvkfijg iodfjgifortierfmdfoivjmfdkpoijdpaos dksdmlvdfoigerwpokamsd;lasmlkdi nvfoigmepsfmvgfidvlmsdopfkmdlmvdfl;vopfv mvsopdgfmdl;vspdofmlrfmpodmvfsdopfmep rkfepsdmvdfpovkfepiofkmsd cpsdkfopwjefsdpfmsjpdifjsdfpsjdifjsi oefjspfmsdkgvfiogjmwsdpvdfvm opfkdsopsdkfosdofpk odksfpjdspfo pkfpodskf ksdfp dsjfopsdf paoks dopkew kfp diomdf</p>
</div>
</div>
<div clas="push"></div>
</div>
<div id="footer">
<p>The Devon Doula Company</div>
</body>
</html>
Ignore the stupid key pressing, I just needed something to be on the page.
Is that the right thing to post? Sorry!
Thank you

Modify Editable regions in template

I created a main template then created other templates from this templates. I now realize that I will need to change the image in the header in some of the nested templates. for example, there is a template for wisdom which has a child called wisdom videos. I wanted to change the header image in wisdom which would affect all of its children. I added an editable region to the main template which changed everything. I then changed the image in wisdom, but it is not going through to the child wisdom video, which is what i want.
How can i do that?
Thanks

I use templates (although I wouldn't touch nested templates with a 10-foot pole) and server-side includes.
First, I mentally separate the page layout into three sections:
1. Stuff that will not change for the life of the site (i.e., the basic
structural elements)
2. Stuff that *could* change from time to time (e.g., navigation elements,
burst advertisements, section-specific navigation, etc.)
3. Stuff that *will* change from one page to the next
Then I create a template containing all class1 elements. Next I create
server-side include files containing all class 2 elements and place them on
the template as needed. Note - some of the class 2 elements may be
"section-specific elements", and their placement on the template will be
subject to the next item. Finally, I insert editable regions to cover the
class 3 items, INCLUDING the section-specific navigation.
This allows me to just cookie-cut the rest of the site. I estimate that
even for fairly large sites, about 80% of my work goes into planning and
creating this template file.

Reformatting editable region on template.

I have several pages created off a template that has an editable region. I want to reformat the editable region in the template, such as adding a new DIV, creating borders on it, and adding an image placeholder.
When I do this, the pages created from the template don't change also.
If I remove the editable region from the template, put in the format changes, then put the editable region back in, then all the pages I had created earlier lose their content.
Is there a way to do these format changes, make them flow through to the dependent pages and not lose the content on those pages?
Thanks,
Aron

Aron,
To "reformat" an editable area on a template, create the div and structure OUTSIDE the editable area. That is, "wrap" the editable area in a div and apply style via CSS. The image placeholder is something you can place in the template, but it will not update on pages that have already been created from the template. The new div will be applied on all pages, because it will not be in the editable region.
Beth

Spry Validation within Editable Region of Template

Hello all,
Spry Validation Field is not working on this page where the
code is within an editable region of a template based page:
http://www.nprducati.com/newsite/service.html
The same exact code works on a "normal" HTML page.
Anyone else encounter this or has any ideas why it's failing?
Rich

Spry validation would not be affected by being located within
a template
editable region, since editable regions are only indicated by
the use of
HTML comment tags, i.e., meaningless to a browser.
Most likely the problem is the link here -
<script src="SpryAssets/SpryValidationTextField.js"
type="text/javascript"></script>
It appears that you have not made the link properly in the
Template file,
since the corresponding link for the menu is this -
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
You might also want to take care of these errors -
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.nprducati.com%2Fnewsite%2Fser vice.html
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
==================
"Multistrada1100" <[email protected]> wrote
in message
news:flegqo$h60$[email protected]..
> Hello all,
>
> Spry Validation Field is not working on this page where
the code is within
> an
> editable region of a template based page:
>
>
http://www.nprducati.com/newsite/service.html
>
> The same exact code works on a "normal" HTML page.
>
> Anyone else encounter this or has any ideas why it's
failing?
>
> Rich
>

Editable Regions and Templates -- Problem in IE

Hello,
I have a template that I use throughout my site. The template
includes
the Spry Menu Bar and three editable regions. The pages all
look great
in Firefox. But in IE6 and IE7, there is a problem--white
space
vanishes and the text is too close to the objects above it.
Specifically, The <h3>Page
Title</h3>appears to close underneath
<td>. It's fine in
Firefox, however.
Any help is greatly appreciated.
Thank you,
=====================
Here's the code.
<style type="text/css">

</style>
</head>
<body text="#333333"
vlink="#333333" alink="#333333"
leftmargin="0"
topmargin="0"
marginwidth="0"
marginheight="0">
<TABLE width="800" border=0
align="center" cellpadding=0 cellspacing=0
bgcolor="#FFFFFF">
<TBODY>
<tr>
<td
width="2%">&nbsp;</td>
<td width="96%"><img
src="../SpryAssets/mainnav_logo.jpg"
/></td>
<td
width="2%">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<h3>Page Title</h3>
</td>

TEST BED:
I shrinked my test site to just 1 photo page with only 3 pictures and I I published it to a folder:
Safari 3.1.1 has no problems
Mozilla Firefox 2.0.0.2 has no problems
Opera 9.5 has no problems
IE 7.0.5730.13 cannot render any picture !!!!
DEEP DIVE:
IE fails and if "notifications" are turned on complains about run time error "Error: Access Denied" on line 504 of a script. I went deeper and using the Microsoft Just in Time Debugging features apparently the offending javascript is "iWeb - iWebSite.js" with an ajaxRequest called "req.open('GET',url,true)"
iWEB on LEOPARD is no better
I booted with an external disk using Leopard and I used iWeb just 1 photos page
no way IE still complains (so far I am using Mac Tiger level)
HOW CAN YOU HELP
To those of you who succeeded with iWeb+IE (and have time to lend) I can send the zipped 2MB actual iWeb "package" named "Domain.site2" used by my iWeb to save the site under editing before any publishing.
you temporarily rename your "Domain.site2" + substitute it with my "Domain.site2" + start iWeb and see if you can publish/see it correctly.
Please send me a private mail if you think you can help.
Seriously thinking of dumping iWeb...
RAN

Creating editable tags in templates - MX

From my template I need to have the tag editable but not the
content.
for eg. <p class="red">I went to the park</p>
I need to have 'red' editable but non of the rest of the
string.
so you could change it to <p class="blue">I went to the
park</p>
Any ideas on how to do this?
when i set an editable region it sets the whole <p> to
be inside, then I cant change the content of the p in the template
and have it update.
Thanks in advance.
cate

Use DW's F1 help to read about "editable attributes".
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
==================
"Catieblink" <[email protected]> wrote in
message
news:e2aq5b$o8v$[email protected]..
>
> From my template I need to have the tag editable but not
the content.
>
> for eg. <p class="red">I went to the
park</p>
>
> I need to have 'red' editable but non of the rest of the
string.
>
> so you could change it to <p class="blue">I went
to the park</p>
>
> Any ideas on how to do this?
>
> when i set an editable region it sets the whole
<p> to be inside, then I
> cant
> change the content of the p in the template and have it
update.
>
> Thanks in advance.
>
> cate
>

Editable region in template not editable??

I'm trying to add a Spry Image Slideshow (basic) to several files in Dreamweaver CS5. I have set up templates, and in the child pages, when I try to insert the widget it just says: "Making this change would require changing code that is locked by a template or translator. The change will be discarded." I have a Spry menu already on the page (although it doesn't show up on my laptop but does on my desktops). What should I do? A sample page is already uploaded here: http://www.tomandlauriereese.com/bands/muzette/muzette.html. I'm trying to add the photos to Col1 (an editable region). Col2 allows me to add content, but Col1 won't. Actually, I can't add anything to Col3 either (it's set up as an iframe right now).
Please help! Let me know what other information you need; I'm new to this!
Thanks,
Laurie Reese, cellist

I'm not really piling on here, but I'm confident your extensive use of absolute positioning is going to sadly return to bite you on this very nice looking layout. Add some real-world content to one of those text regions, preview in the browser and start increasing the size of the text in the browser. You'll get an overflowing mess in a hurry.
I chose the doctype of xhtml 1.0 Transitional. I'm not sure which type is best for this type of page. I also tried html 4.0 Transitional, but still no luck.
A doctype only does two things: a) it informs a validator of how to validate the code on the page, and b) it informs the browsers whether to render the page in quirks more or standards mode. Because it's useful to be able to use validation as your first line of defense when encountering layout issues, you should therefore choose a doctype that is consistent with your skill and knowledge as a coder (as a first-order approximation). In your case, I'm pretty sure that would be HTML 4.01 Transitional. You can have DW do this for you by opening the template page and using FILE | Convert > HTML 4.01 Transitional. Be aware that this will only affect the content in NON-editable regions of your child pages as is expected with any template changes.
I did notice that the Head editable region is way underneath all the other code; it's at line 506; but there's nothing in there. Should I move the " to the top somewhere?
As long as that region is actually in a legal location between <head> and </head> it doesn't matter where it is. Since it is, then you can just leave it.
What should be in that region?
This is the region that allows you to add javascript behaviors to child pages, like image swaps, or show/hide divs, or even page-specific stylesheet/javascript links. Without it, you could not do that.
Where is it you are trying to add this widget? Which editable region?

Creating editable regions in templates

Similar Messages

Maybe you are looking for