Editable region width

I hope somebody can help me. I am a complete novice using
Dreamweaver8. I have created a template with a single editable
region and applied that template to numerous pages on my site. I
don't understand why some of the pages are more narrow than others.
I want all of the pages to be of the same width and to adjust only
in height to accomodite increased content. I have posted the site
at
http://home.earthlink.net/~ddrlin/
. As you can see the width of the table changes from page to page
but its width is supposed to be fixed.

Template regions are not layout tools. The "width" of an
editable region is
meaningless, as it's totally dependent on what it's inserted
into, and
what's inserted into it.
If you are seeing page variations, it would have nothing to
do with editable
regions.
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
==================
"ddrlin" <[email protected]> wrote in
message
news:eabc1j$shr$[email protected]..
>I hope somebody can help me. I am a complete novice using
Dreamweaver8. I
>have
> created a template with a single editable region and
applied that template
> to
> numerous pages on my site. I don't understand why some
of the pages are
> more
> narrow than others. I want all of the pages to be of the
same width and to
> adjust only in height to accomodite increased content. I
have posted the
> site
> at
http://home.earthlink.net/~ddrlin/
. As you can see the width of the
> table
> changes from page to page but its width is supposed to
be fixed.
>

Similar Messages

Resetting editable region width (DW CS 4)

Have had an editable region set to the width I want, matching a fixed centered region - 1,180 px.
As I am updating website, it's now expanded toward the right-hand side as 161%, 1,895 px.- making items and text centered in to run off the side, both in Dreamweaver views and on the website itself. (I think it may have to do with when I inserted images and they set side by side, before I <br>'ed them to stack them - but it didn't happen until a period of time after I had)
I am unable to find where and how to reset the editable region's width.
Thanks for any help,
Lawrence Congdon.

>I am unable to find where and how to reset the editable region's width.
There's no such thing. A DW Editable region is simply DW code that controls what section you can and cannot edit in a DW template based child page. Any width is controlled by the markup or content you have placed within that region.

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

Why does this happen when I insert editable region?

Hi ppl... I got a small problem here. When I insert editing region into the ORANGEBOX div, for some unknown reason which I can't figure out, my spry menu bar shifts to the left. But in preview, it looks fine. What's the reason for this and how can I avoid it? The shifted spry menu bar in the workspace is disturbing me.. haha.. I have attached screenshots of the 2 states below (Before inserting editable region and after inserting editable region)
Before inserting editable region into the ORANGE BOX
After inserting editable region into the ORANGEBOX
Here's the code BEFORE inserting editable region.. If you are free, do try to insert an editable region into the ORANGEBOX, and kindly tell me why it's happening! =) Thanks!
<!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>

<style type="text/css">

</style>


<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"></div>
<div id="navigationlinks">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a>      </li>
      <li><a href="#">Audio Lectures</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Video Lectures</a>
        <ul>
          <li><a href="aqeedah1.htm">Aqeedah</a></li>
          <li><a href="fundamentals1.shtml">Tawheed</a></li>
<li><a href="#">Friday Bayans</a></li>
<li><a href="#">Other Topics</a></li>
        </ul>
      </li>
      <li><a href="#">Books</a></li>
    </ul>
</div>
<div id="mainContent">
    <p> </p>
    <p>mainContent</p>
    <p> </p>
    <div id="orangebox">
      <p>ORANGE BOX    </p>
      <p> </p>
    </div>
<p> </p>
    <p>mainContent</p>
    <p> </p>
    <p> </p>
</div>
<div id="footer">
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p>FOOTER </p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Here's the SpryMenuBarHorizontal.css
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 9em;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 9em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 9em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 1.1em;
    padding-right: 0.75em;
    padding-bottom: 1.1em;
    padding-left: 0.75em;
    text-align: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;

Template_Can't edit in editable region

I created a template but an unable to edit in the editable region. Does anyone know why? Here is the code for the parent pasted below and I will paste the code for the child on another post.   Here is what it looks like in Dreamweaver:
Here is the error message that I'm getting for the child:
Can someone please help?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Inland Empire Waterkeeper</title>

<link href="../_css/styles.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
    color: #333333;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
body {
    background-color: #FFFFFF;
    color: #D6D6D6;
    background-image: url(../_images/background_teal.png);
    background-repeat: repeat-x;
    margin: auto;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
h1 {
    font-size: 28px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h2 {
    font-size: 22px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h3 {
    font-size: 20px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h4 {
    font-size: 18px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h5 {
    font-size: 16px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h6 {
    font-size: 14px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
p {
    margin-top: 0;
    margin-bottom: 0;
    text-align: justify;
</style>


</head>
<body>
<div class="container">
<div class="header"><img src="../_images/banner.jpg" width="933" height="300" /></div>
<div class="menubar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
        <ul>
          <li><a href="../organization.html" class="MenuBarItemSubmenu">Our Org.</a>
            <ul>
              <li><a href="../mission.html">Our Mission</a></li>
              <li><a href="../history.html">Our History</a></li>
              <li><a href="../community.html">Our Community</a></li>
            </ul>
          </li>
          <li><a href="../team.html" class="MenuBarItemSubmenu">Our Team</a>
            <ul>
              <li><a href="../staff.html">Staff</a></li>
              <li><a href="../supporters.html">Supporters</a></li>
              <li><a href="../advisoryboard.html">Advisory Board</a></li>
            </ul>
          </li>
          <li><a href="../coastkeeper.html">Coastkeeper</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">What We Do</a>
        <ul>
          <li><a href="../programs.html" class="MenuBarItemSubmenu">Programs</a>
            <ul>
              <li><a href="../advocacy.html">Advocacy</a></li>
              <li><a href="../education.html">Education</a></li>
              <li><a href="../research.html">Research</a></li>
              <li><a href="../restoration.html">Restoration</a></li>
              <li><a href="../enforcement.html">Enforcement</a></li>
            </ul>
          </li>
          <li><a href="../prokects.html">Projects</a></li>
          <li><a href="../datareports.html">Data & Reports</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Get Involved</a>
        <ul>
          <li><a href="../volunteer.html">Volunteer</a></li>
          <li><a href="../employment.html">Employment</a></li>
          <li><a href="../events.html">Events & Meetings</a></li>
          <li><a href="../donate.html">Donate</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">News Room</a>
        <ul>
          <li><a href="../pressrelease.html">In the News and Press Releases</a></li>
          <li><a href="../legislation.html">Legislative Updates</a></li>
          <li><a href="../waternews.html">Water in the News</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
        <ul>
          <li><a href="#" class="MenuBarItemSubmenu">Information</a>
            <ul>
              <li><a href="../watershed.html">Our Watershed</a></li>
              <li><a href="../reportpollution.html">Report Pollution</a></li>
            </ul>
          </li>
          <li><a href="../photos.html">Photo Gallery</a></li>
        </ul>
      </li>
      <li><a href="../contact.html">Contact Us</a></li>
    </ul>
</div>
<div class="body">
    <div class="emptyspacecontent">
    <h4><strong style="text-align: justify;">Content<br />
    </strong></h4>
</div>
      <div class="emptyspace4">space</div>
</div>
<div class="footer"><img src="../_images/footer_transparent.png" width="933" height="100" alt="Inland Empire Waterkeeper" /></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Here is the code for the child:
<!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>Inland Empire Waterkeeper</title>

<link href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/_css/styles.css" rel="stylesheet" type="text/css" />
<script src="file:///C|/Users/Mondays/Desktop/iewaterkeeper/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/SpryAssets/SpryMenuBarHorizontal.css " rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
    color: #333333;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
body {
    background-color: #FFFFFF;
    color: #D6D6D6;
    background-image: url(file:///C|/Users/Mondays/Desktop/iewaterkeeper/_images/background_teal.png);
    background-repeat: repeat-x;
    margin: auto;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
h1 {
    font-size: 28px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h2 {
    font-size: 22px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h3 {
    font-size: 20px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h4 {
    font-size: 18px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h5 {
    font-size: 16px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
h6 {
    font-size: 14px;
    color: #666666;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
p {
    margin-top: 0;
    margin-bottom: 0;
    text-align: justify;
</style>


</head>
<body>
<div class="container">
<div class="header"><img src="file:///C|/Users/Mondays/Desktop/iewaterkeeper/_images/banner.jpg" width="933" height="300" /></div>
<div class="menubar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#" class="MenuBarItemSubmenu">About Us</a>
        <ul>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/organization.html" class="MenuBarItemSubmenu">Our Org.</a>
            <ul>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/mission.html">Our Mission</a></li>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/history.html">Our History</a></li>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/community.html">Our Community</a></li>
            </ul>
          </li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/team.html" class="MenuBarItemSubmenu">Our Team</a>
            <ul>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/staff.html">Staff</a></li>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/supporters.html">Supporters</a></li>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/advisoryboard.html">Advisory Board</a></li>
            </ul>
          </li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/coastkeeper.html">Coastkeeper</a></l i>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">What We Do</a>
        <ul>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/programs.html" class="MenuBarItemSubmenu">Programs</a>
            <ul>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/advocacy.html">Advocacy</a></li>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/education.html">Education</a></li>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/research.html">Research</a></li>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/restoration.html">Restoration</a></l i>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/enforcement.html">Enforcement</a></l i>
            </ul>
          </li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/prokects.html">Projects</a></li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/datareports.html">Data & Reports</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Get Involved</a>
        <ul>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/volunteer.html">Volunteer</a></li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/employment.html">Employment</a></li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/events.html">Events & Meetings</a></li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/donate.html">Donate</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">News Room</a>
        <ul>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/pressrelease.html">In the News and Press Releases</a></li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/legislation.html">Legislative Updates</a></li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/waternews.html">Water in the News</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
        <ul>
          <li><a href="#" class="MenuBarItemSubmenu">Information</a>
            <ul>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/watershed.html">Our Watershed</a></li>
              <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/reportpollution.html">Report Pollution</a></li>
            </ul>
          </li>
          <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/photos.html">Photo Gallery</a></li>
        </ul>
      </li>
      <li><a href="file:///C|/Users/Mondays/Desktop/iewaterkeeper/contact.html">Contact Us</a></li>
    </ul>
</div>
<div class="body">
    <div class="emptyspacecontent">
    <h4><strong style="text-align: justify;">Content<br />
    </strong></h4>
</div>
      <div class="emptyspace4">space</div>
</div>
<div class="footer"><img src="file:///C|/Users/Mondays/Desktop/iewaterkeeper/_images/footer_transparent.png" width="933" height="100" alt="Inland Empire Waterkeeper" /></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Modifying a template resulted in all child pages with repeating editable regions - Help !

Good morning,
I have recently been appointed to update a website designed in Dreamweaver by an employee who is no longer here. I have read books on the software and practiced an insane amount which permitted me to update child pages, links, documents etc... however:
I was asked to add a new button to an "non-editable" region of a template. Trying to do so resulted in a massive mess (with massive anxiety).
Even thou the new template had all the same text and editable regions, all my pages look completely different from the template itself. The editable regions appears 2-3 times in different locations ex: Header is showed on the bottom, top etc... and the Editable region titles (EditableRegion1 etc...) repeat themselves as well.
I really need help and not sure what to do, I have tried everything and I am only making it worse and worse. All I want/need is for all my html pages created with this template, match the template.
Please note that this site is local, not online.
Since I noticed on other threads that the code is needed; here it 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" />
<title>QMS: AFM</title>
<style type="text/css">

</style>
<link href="file:///U|/AFM/Dreamweaver/Left sidebar.css" rel="stylesheet" type="text/css" />
</head>
<body link="#006699" class="twoColElsLtHdr">
<div id="container">
<div id="header">
    <h1><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/pwgsc-e.gif" width="364" height="33" align="left" alt="wordmark" /><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/wordmark_canada.gif" width="83" height="21" align="right" alt="wordmark2" /></h1>
    <p> </p>
    <p><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/AFM QMS banner.jpg" width="709" height="80" alt="banner" border="0"/><a href="mailto:[email protected]"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Contactus-e.JPG" width="110" height="21" alt="contactus-e" border="0" /></a><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/French-e.JPG" width="115" height="21" alt="french-e" border="0" /> <a href="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Continual Improvement/QMSTeamMembers-e.html"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Help-e.JPG" width="115" height="21" alt="help-e" border="0" /> <img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Search-e.JPG" width="115" height="21" alt="search-e" border="0" /></a><a href="http://source.tpsgc-pwgsc.gc.ca"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/thesource.jpg" width="120" height="21" alt="TheSource" border="0" /> <img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Home-e.jpg" width="104" height="21" alt="home-e" border="0" /></a></p>
    <p> </p>
</div>
<div class="twoColElsLtHdr" id="sidebar1">
    <p><a href="../QMS HOME/QMSHome-e.html"><strong>QMS Home</strong></a></p>
    <hr />
    <p><a href="../ABOUTAFM/AboutAFM-e.html"><strong>About AFM</strong></a></p>
<hr />
<p><a href="../AdminProcedures/AdminProcedure-e.html"><strong>Administrative Procedures</strong></a></p>
<hr />
<p><a href="../BusinessUnits/BusinessUnits-e.html"><strong>Business Units</strong></a></p>
<hr />
<p><a href="../POINTSOFINTEREST/pointsofinterest-e.html"><strong>Points Of Interest</strong></a></p>
<hr />
<p><a href="../Achievements/Achievements-e.html"><strong>Achievements</strong></a></p>
<hr />
<p><strong><a href="../MeasuringPerformance/measuringperformance-e.html">Measuring Performance</a></strong></p>
<hr />
<p><a href="../References/references-e.html"><strong>References</strong></a></p>
<hr />
<p><a href="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/ContinualImprovement-e.html"><strong>Continual Improvement</strong> </a></p>
</div>
<div id="mainContent">
    <h2>Header</h2>
    <p>Paragraph</p>
    <h1>Sub Header </h1>
    <p> </p>
    <h1> </h1>
    <h2> </h2>
    <h1> </h1>
    <p> </p>
    <h2> </h2>
    
</div>

       <br class="clearfloat" />
</p>
<div id="footer">
    <hr width="100%" size="8" noshade="noshade" color="#006666" id="color="069"" colour="#069"/>
    <p><strong>Maintainted by: ASQM </strong></p>
    <p><strong>Date Modified: 2013-03-25</strong></p>
    
</div>
<script type="text/javascript">

</script>
</h3>
    
</h3>
</div>
<script type="text/javascript">

</script>
</body>
</html>

I am not suprised, the previous employee tried to recreate the English version of the site in another folder structure and did not change all links and was still using a template in the wrong location.
I think I created the mess by trying to modify the existing template's non-editable region in order to add a new button. When trying to update all the pages, the fiasco started.
Do you think the best option would be to create a new template in the correct folder structure and apply it? Would it fix the current pages or will I have to fix them all manualy on by one?
I understand it is difficult to deal with a newbie of my magnitude and thanks again.

How to insert a widget in a editable region from a template

Hi there,
ok so basically I am trying to create a HTML page from a template i have already designed.
when I try to insert a widget (Lightbox Gallery) in the editable region I get the following error.
"the widget requires code that must be inserted into the head of the document. insertion cannot happen because this document is read only"
I saw a previous thread (http://forums.adobe.com/thread/901299) that had the same problem with a solution but cant seem to make sense of it.
Not exactly sure where and what to paste in the header of the HTML page.
Any help will be much appreciated.
Thanks

Hi Murray,
ha funny you would say that is the exact answer you would give me seeing you posted it
I understand the logic behind it though not sure what i need to copy and where.
Basically i craeted a "dummy page" and inserted the widget-no problem there.
next step- what code do i copy from the dummy page and where do i paste it? in the template or HTML page.
Dummy HTML with widget 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>
<script src="file:///C|/Users/Ashley/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eamA1E8.tmp/scripts/jquery.js" type="text/javascript"></script>
<script src="file:///C|/Users/Ashley/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eamA1E8.tmp/scripts/lightbox.js" type="text/javascript"></script>
<link href="file:///C|/Users/Ashley/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eamA1E8.tmp/css/lightbox.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/Ashley/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eamA1E8.tmp/css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2127022: #gallery */
                    .lbGallery {
                              /*gallery container settings*/
                              background-color: #CCC;
                              padding-left: 20px;
                              padding-top: 20px;
                              padding-right: 20px;
                              padding-bottom: 20px;
                              width: 540px;
                              height: auto;
                              text-align:left;
                    .lbGallery ul { list-style: none; margin:0;padding:0; }
                    .lbGallery ul li { display: inline;margin:0;padding:0; }
                    .lbGallery ul li a{text-decoration:none;}
                    .lbGallery ul li a img {
                              /*border color, width and margin for the images*/
                              border-color: #3e3e3e;
                              border-left-width: 10px;
                              border-top-width: 10px;
                              border-right-width: 10px;
                              border-bottom-width: 20px;
                              margin-left:5px;
                              margin-right:5px;
                              margin-top:5px;
                              margin-bottom:5px:
                    .lbGallery ul li a:hover img {
                              /*background color on hover*/
                              border-color: #ffffff;
                              border-left-width: 10px;
                              border-top-width: 10px;
                              border-right-width: 10px;
                              border-bottom-width: 20px;
                    #lightbox-container-image-box {
                              border-top: 0px none #ffffff;
                              border-right: 0px none #ffffff;
                              border-bottom: 0px none #ffffff;
                              border-left: 0px none #ffffff;
                    #lightbox-container-image-data-box {
                              border-top: 0px;
                              border-right: 0px none #ffffff;
                              border-bottom: 0px none #ffffff;
                              border-left: 0px none #ffffff;
/* EndOAWidget_Instance_2127022 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div id="gallery" class="lbGallery">
<ul>
    <li> <a href="/images/lightboxdemo1.jpg" title=""><img src="/images/lightboxdemo_thumb1.jpg" width="72" height="72" alt="Flower" /></a> </li>
    <li> <a href="/images/lightboxdemo2.jpg" title=""><img src="/images/lightboxdemo_thumb2.jpg" width="72" height="72" alt="Tree" /></a> </li>
    <li> <a href="/images/lightboxdemo3.jpg" title=""><img src="/images/lightboxdemo_thumb3.jpg" width="72" height="72" alt="" /></a> </li>
    <li> <a href="/images/lightboxdemo4.jpg" title=""><img src="/images/lightboxdemo_thumb4.jpg" width="72" height="72" alt="" /></a> </li>
    <li> <a href="/images/lightboxdemo5.jpg" title=""><img src="/images/lightboxdemo_thumb5.jpg" width="72" height="72" alt="" /></a> </li>
</ul>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_2127022: #gallery
                    $(function(){
                              $('#gallery a').lightBox({
                                        imageLoading:                              '/images/lightbox/lightbox-ico-loading.gif',                    // (string) Path and the name of the loading icon
                                        imageBtnPrev:                              '/images/lightbox/lightbox-btn-prev.gif',                              // (string) Path and the name of the prev button image
                                        imageBtnNext:                              '/images/lightbox/lightbox-btn-next.gif',                              // (string) Path and the name of the next button image
                                        imageBtnClose:                              '/images/lightbox/lightbox-btn-close.gif',                    // (string) Path and the name of the close btn
                                        imageBlank:                                        '/images/lightbox/lightbox-blank.gif',                              // (string) Path and the name of a blank image (one pixel)
                                        fixedNavigation:                    false,                    // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
                                        containerResizeSpeed:          400,                               // Specify the resize duration of container image. These number are miliseconds. 400 is default.
                                        overlayBgColor:                     "#999999",                    // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
                                        overlayOpacity:                              .6,                    // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
                                        txtImage:                                        'Image',                                        //Default text of image
                                        txtOf:                                                  'of'
// EndOAWidget_Instance_2127022
</script>
</body>
</html>
thanks again

Cannot add layers/tables to an editable region

I created a template the other day, and then created pages
from that template. The main editable region which was meant to be
for all my info, pictures, wont let me add layers or tables to
position my text/images.... Have I missed something here?
\Robert

Yes, there would be no restriction on what you can place in
that editable
region. But I don't like the way you have started with this
page. Layers
should not be used as a primary layout methodology....
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
==================
"the full monty" <[email protected]> wrote
in message
news:epqp0m$lrc$[email protected]..
> This is the code: The whole of the layer region should
be editable... ie.
> be
> able to add layers/tables to position text?
>
> <!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=iso-8859-1" />
> 
> <title>Untitled Document</title>
> 
> 
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <div id="Layer1"> </div>
> </body>
> </html>
>
> \Robert
>

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

Can't edit 2nd editable region

Hi,
I have a template which uses CSS and DIVs. It has 2 editable
regions, each within a DIV.
When I open a document based on this template, for some
reason only the first editable region is editable. The only way I
can edit the second is to turn of styles or go into code view.
Any ideas why?

> That's just being picky.
> It makes no difference whether it is absolute or
relative - it doesn't
> work
> either way!
Well, for it to be a layer, it has to be absolutely
positioned, and the
difference in behavior between the two (absolute vs.
relative) is certainly
NOT picky.
Remove the overflow:auto style on the div#main container, and
you'll be able
to edit it in Design view.
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
==================
"mrdebauchery" <[email protected]> wrote in
message
news:[email protected]...
> That's just being picky.
> It makes no difference whether it is absolute or
relative - it doesn't
> work
> either way!
>
> Code attached, with crap cut out.
>
>
> <!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"
lang="en-gb">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> 
> <title>Title</title>
> 
> <style>
> body,td,th {
> font-family: Times New Roman, Times, serif;
> font-size: 16px;
> color: #000000;
> line-height: 105%;
> }
> body {
> background-color: #FFFFFF;
> margin-left: 0px;
> margin-top: 0px;
> margin-right: 0px;
> margin-bottom: 0px;
> }
> a:link {
> color: #0066CC;
> }
> a:visited {
> color: #0066CC;
> }
> a:hover {
> color: #006699;
> }
> a:active {
> color: #006699;
> }
> h1, h2, h3, h4, p {
> padding: 0px 0px 20px 0px;
> margin: 0px;
> }
> h1 {
> font-size: 24px;
> color: #4376BD;
> }
> h2 {
> font-size: 20px;
> color: #4376BD;
> }
> h3 {
> font-size: 16px;
> color: #4376BD;
> }
> h4 {
> font-size: 14px;
> }
>
> #container {
> width:760px;
> margin: auto;
> overflow:visible;
> }
>
> #topbar {
> position:relative;
> width:760px;
> height:104px;
> background-image: url(images/topbar.jpg);
> background-repeat: no-repeat;
> overflow: hidden;
> }
> #title {
> float: left;
> width: 325px;
> z-index: 2;
> }
> #pics {
> float: right;
> z-index: 2;
> }
> #pics img {
> margin: 4px 10px 4px 0px;
> border: #ffffff 1px solid;
> }
> #middle {
> position:relative;
> width:754px;
> overflow: auto;
> border-right: #006699 3px solid;
> border-left: #006699 3px solid;
> min-height:489px;
> background:url(images/lines.gif) repeat-y;
> }
>
> #menu {
> position:relative;
> width:194px;
> min-height:465px;
> float: left;
> border-right: #006699 3px solid;
> padding: 15px 0px 0px 0px;
> text-align: center;
> overflow: auto;
> }
>
> #links {
> width: 134px;
> height: 320px;
> border: #0276C0 1px solid;
> background-color: #DCF4F8;
> margin: 30px auto 15px auto;
> text-align: center;
> color: #0276C0;
> font-size: 18px;
> padding: 0px 6px 0px 6px;
> }
>
> #links ul {
> list-style: none;
> margin: 0px;
> padding: 0px;
> }
>
> #links ul li {
> padding: 29px 0px;
> margin: 0px;
> }
>
> #links ul li a {
> text-decoration: none;
> }
>
> #main {
> position:relative;
> width:512px;
> min-height:450px;
> float: left;
> overflow: auto;
> padding: 25px 15px 15px 30px;
> text-align: left;
> line-height: 105%;
> }
>
> #botbar {
> position:relative;
> width:760px;
> height:14px;
> background-image: url(images/botbar.jpg);
> background-repeat: no-repeat;
> overflow: hidden;
> }
> .small {
> font-size: 10px;
> padding: 0px 0px 5px 0px;
> line-height: 12px;
> }
>
> </style>
> </head>
> <body>
> <div id="container">
> <div id="topbar">
> <div id="title"><img
> width="325"
> height="104" /></div>
> <div id="pics"><img width="66"
> height="89" /><img width="66" height="89"
/><img width="66" height="89"
> /><img
> width="66" height="89" /></div>
> </div>
> <div id="middle">
> <div id="menu"> <img width="190" height="85"
/>
> <div id="links">
> <ul>
> <li> </li>
> <li> </li>
> <li> </li>
> <li> </li>
> </ul>
> </div>
> <p class="small"> </p>
> </div>
> <div id="main"> 
> <h1>Heading 1</h1>
> <p>Paragraph</p>
> <h2>Heading 2</h2>
> <p>Paragraph</p>
> <h3>Heading 3</h3>
> <p>Paragraph</p>
> <p>Paragraph</p>
>  </div>
> </div>
> <div id="botbar"> </div>
> <p> </p>
> </div>
> </body>
> </html>
>

Can only edit one editable region

Hi,
I have defined two editable regions in a template. I can edit one fine, but not the other. The one I cannot edit is for a submenu and picture on this site: 67.199.64.241/
Any ideas? Any help would be greatly appreciated.
This is the code (which I cannot edit in InContext):
<ul id="navleft">
<li id="nav_hom"><a href="/index.asp">Home</a></li>
<li id="nav_do"><a href="/whatwedo.asp"> Who We Are</a></li>
<li id="nav_cabout"><a href="/consumers/login.asp">Current Consumers</a></li>
<li id="nav_pabout"><a href="/pa/about.asp">Current PAs</a></li>
<li id="nav_cal"><a href="http://www.calendarwiz.com/calendars/calendar.php?crd=cdchoices&" target="_blank">Calendar</a></li>
<li id="nav_pro"><a href="/profiles/profiles.asp">Profiles</a></li>
<li id="nav_news"><a href="/news.asp">CDC in the News</a> </li>
<li id="nav_lnk"><a href="/links.asp">Links</a></li>
<li id="nav_blank"><a href="/message.asp"> Message from CEO</a></li>
 <a name="submenu" id="MainContent2"></a>
<li class="c2">
<div ice:editable="css_styles,media,hyperlink">
OptionalMenuPicture
</div>

</ul>

Use this:
<ul id="navleft">
<li id="nav_hom"><a href="/index.asp">Home</a></li>
<li id="nav_do"><a href="/whatwedo.asp"> Who We Are</a></li>
<li id="nav_cabout"><a href="/consumers/login.asp">Current Consumers</a></li>
<li id="nav_pabout"><a href="/pa/about.asp">Current PAs</a></li>
<li id="nav_cal"><a href="http://www.calendarwiz.com/calendars/calendar.php?crd=cdchoices&" target="_blank">Calendar</a></li>
<li id="nav_pro"><a href="/profiles/profiles.asp">Profiles</a></li>
<li id="nav_news"><a href="/news.asp">CDC in the News</a> </li>
<li id="nav_lnk"><a href="/links.asp">Links</a></li>
<li id="nav_blank"><a href="/message.asp"> Message from CEO</a></li>

<div ice:editable="css_styles,media,hyperlink">
<img src="/images/smallpics/cl_07_2425.jpg" width="170" height="174" alt="Constance Laymon, executive director, Consumer Directed Choices"><br><ul id="navoptional">
New? Learn More:
<li><a href="/pgms.asp">&gt Potential Consumers</a></li>
<li><a href="/empopps.asp">&gt Potential Personal Assistants</a></li>
<li><a href="/srchsite.asp">&gt Search site</a></li>
</ul>

</div>
<li><img src="/images/smallpics/staff_20081.jpg" alt="Staff 2008 picnic, welcome!" width="170" height="118"><br></li>

</ul>

Template changes in editable region do not propagate to child pages??

I have a website that was created using Dreamweaver CS4. I have copied the directory onto a machine running CS6 and set it up as a new site in DW. I want to make a change in the editable region of a template that feeds all the pages. However, when I make the change it appears to go through the motion of propagating the change across all the pages, but in fact - when checking 'detail' of the process - all it seems to be doing is identifying the child pages but not updating them. No changes occur. Any ideas? I did not have this problem previously, as far as I remember.
Code snippet follows. I'm trying to add the phone number shown in BOLD below.
Thanks for any help!!
John
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
    <h1><img src="../Graphics/TCMG Banner_Small3.jpg" alt="" name="Banner_Small" width="1000" height="100" border="0" usemap="#Banner_SmallMap" id="Banner_Small" />
      <map name="Banner_SmallMap" id="Banner_SmallMap">
        <area shape="rect" coords="0,-6,103,97" href="/index.html" alt="Home" />
      </map>
    </h1>
    
</div>

<div id="sidebar1">
<h3 class="Sidebar_Phone">OFC: +1 (704) 944-XXXX</h3>
<h3 class="Sidebar_Phone"><strong>CELL: +1 (305) 283-XXXX</strong></h3>
<hr />
<h3 class="Sidebar_Title">Sidebar1 Content</h3>
<ul>
    <li class="MainContent_Text">The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if it will always contain more content. </li>
    <li class="MainContent_Text">Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</li>
</ul>

</div>


Correct Ken.
The content in editable regions of a DW Template are editable on a page by page basis in all child pages. Any content in an editable region in a Template will not propagate to child pages.
Anything in a non-editable region of a Template can only be edited in the DW Template and those changes will propagate to child pages when the Template is saved.

Editable regions in child page

Hi all.
Dreamweaver 8.
I have a template with two editable regions, Header and Body.
I have a new page, and I want to apply the template.
I am prompted to move the content to the new regions. Is my
new child page supposed to have editable regions with the same
name? If I try to do this, I am prompted to create a new template.
If I apply the template and move all of my new content to the
'body' region, it all disappears. If I move all of it to the Header
region, it is all there. I've tried every combination and only the
one works. I've seen a lot of discussion about having the regions
named in the child page, but don't understand that bit yet.
Ty in advance.

> Layers and layer content are
> also treated as separate elements
Not necessarily.

<div id="layer1">Contents</div>

This treats the layer AND its contents as editable.
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
==================
"Virginia Oh My" <[email protected]> wrote
in message
news:[email protected]...
> For others' reference, this is what I've found out
digging around on the
> net
> some more.
>
> "You can make an entire table or an individual table
cell editable, but
> you
> can't make multiple cells editable all at once, unless
you have merged
> them
> first. You have to select each cell one at a time if you
want to make some
> of
> the cells in a table editable, but not others. Layers
and layer content
> are
> also treated as separate elements, but either can be
marked as editable.
> Making
> a layer editable enables you to change the position of
that layer. Making
> layer
> content editable means that you can change the content
of the layer, such
> as
> the text or image in the layer."
>
> Nesting an editable table seems to the be the answer.
I'm off to redo and
> retry.
>
> Thanks, all.
>
> Virginia
>
>
quote:
Originally posted by:
Virginia Oh My
> Thanks, I've tried this method. I have an editable table
cell. I can add
> new
> cells (rows and columns), but I cannot adjust the width
and height .
> They're
> locked, even though they are in the editable region.
>
> Virginia
>
>
quote:
Originally posted by:
Newsgroup User
> It's not a good idea to apply templates to pages with
existing content,
> for
> this very reason. Can you use a method instead where you
spawn a new
> child
> page from the template, copy/paste content into it, and
then save it over
> the existing page? Then you can put the content exactly
where you want.
>
> --
> 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
> ==================
>
>
> "Virginia Oh My" <[email protected]>
wrote in message
> news:[email protected]...
> > Hi all.
> > Dreamweaver 8.
> > I have a template with two editable regions, Header
and Body. I have a
> > new
> > page, and I want to apply the template.
> > I am prompted to move the content to the new
regions. Is my new child
> > page
> > supposed to have editable regions with the same
name? If I try to do
> > this,
> > I am
> > prompted to create a new template.
> >
> > If I apply the template and move all of my new
content to the 'body'
> > region,
> > it all disappears. If I move all of it to the
Header region, it is all
> > there.
> > I've tried every combination and only the one
works. I've seen a lot of
> > discussion about having the regions named in the
child page, but don't
> > understand that bit yet.
> >
> > Ty in advance.
> >
> >
>
>
>
>
>
>
>
>

DWCS3 Template Editable Regions and Editable Attributes?

Using DWCS3 / WIN XP
New to DWCS3 and templates AND CSS but I'm managing I
think....
QUESTION:
is there a way to allow the end user to edit the content of
an editable region and also the attributes of the cell in which the
editable region resides?
SITUATION:
I'm building templates for pages (styled with external CSS)
that will be editable by the end user via Contribute. I've put
editable and repeating regions (imgs and navigation menus) in
particular tds and would like the end user to be able to change the
color of the background of the cells in which the editable regions
reside.....
Of course I get "cannot place an editable region inside an
editable region" .......understandable...i've read more than a few
help/tutorial docs......
So I thought that I should click the tag selector for that td
and Make Attribute Editable.....
That's not working either....I know I'm missing something
because I haven't used DW in years and I'm just not getting some
big picture logic......
EXAMPLE: In the .html page attached for viewing, the upper
left image SRC is in an editable region. I would like the
background color of the cell it is in to be editable as well. Same
goes for the background color of the left navigation menu which
resides in a nested table by the way...........but i still want the
color to be editable.....
Thanks so much for any help you can give....
CoCo
PAGE based on Template:
http://www.methods.com/npsbweb/schools/NPSB_school_lev_1.html
CSS and TEMPLATE CODE: BELOW
@charset "utf-8";
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
h1 {
font-size: 16px;
color: #999966;
font-family: "Times New Roman", Times, serif;
h2 {
font-size: 18px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px;
h3 {
font-size: 14px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
h4 {
font-size: 12pt;
color: #999966;
font-family: "Times New Roman", Times, serif;
text-align: center;
letter-spacing: 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
h5 {
font-size: 12px;
color: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333366;
text-align: center;
#tdDivideLineTop {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999966;
height: 2px;
#tdMainImgTop {
text-align: center;
vertical-align: middle;
height: 175px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D5D5AA;
#tdTitleRow {
height: 175px;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
#tdRightLineTop {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CACAFF;
#tdMainNavigation {
display: block;
font-size: 9pt;
background-color: #D5D5AA;
#tdRightNavigation {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #D5D5AA;
background-color: #FFFFFF;
#tdMainNavigation a:link {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:visited {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #999966;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdMainNavigation a:active {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
font-weight: normal;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #D5D5AA;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdRightNavigation a:link {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #333399;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:active {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #666633;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
a {
font-size: 10pt;
color: #333366;
a:visited {
color: #330066;
a:hover {
color: #999966;
a:active {
color: #999900;
body,td,th {
font-size: 10pt;

Using DWCS3 / WIN XP
New to DWCS3 and templates AND CSS but I'm managing I
think....
QUESTION:
is there a way to allow the end user to edit the content of
an editable region and also the attributes of the cell in which the
editable region resides?
SITUATION:
I'm building templates for pages (styled with external CSS)
that will be editable by the end user via Contribute. I've put
editable and repeating regions (imgs and navigation menus) in
particular tds and would like the end user to be able to change the
color of the background of the cells in which the editable regions
reside.....
Of course I get "cannot place an editable region inside an
editable region" .......understandable...i've read more than a few
help/tutorial docs......
So I thought that I should click the tag selector for that td
and Make Attribute Editable.....
That's not working either....I know I'm missing something
because I haven't used DW in years and I'm just not getting some
big picture logic......
EXAMPLE: In the .html page attached for viewing, the upper
left image SRC is in an editable region. I would like the
background color of the cell it is in to be editable as well. Same
goes for the background color of the left navigation menu which
resides in a nested table by the way...........but i still want the
color to be editable.....
Thanks so much for any help you can give....
CoCo
PAGE based on Template:
http://www.methods.com/npsbweb/schools/NPSB_school_lev_1.html
CSS and TEMPLATE CODE: BELOW
@charset "utf-8";
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
h1 {
font-size: 16px;
color: #999966;
font-family: "Times New Roman", Times, serif;
h2 {
font-size: 18px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px;
h3 {
font-size: 14px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
h4 {
font-size: 12pt;
color: #999966;
font-family: "Times New Roman", Times, serif;
text-align: center;
letter-spacing: 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
h5 {
font-size: 12px;
color: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333366;
text-align: center;
#tdDivideLineTop {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999966;
height: 2px;
#tdMainImgTop {
text-align: center;
vertical-align: middle;
height: 175px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D5D5AA;
#tdTitleRow {
height: 175px;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
#tdRightLineTop {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CACAFF;
#tdMainNavigation {
display: block;
font-size: 9pt;
background-color: #D5D5AA;
#tdRightNavigation {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #D5D5AA;
background-color: #FFFFFF;
#tdMainNavigation a:link {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:visited {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #999966;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdMainNavigation a:active {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
font-weight: normal;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #D5D5AA;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdRightNavigation a:link {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #333399;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:active {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #666633;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
a {
font-size: 10pt;
color: #333366;
a:visited {
color: #330066;
a:hover {
color: #999966;
a:active {
color: #999900;
body,td,th {
font-size: 10pt;

Editable regions and Flash movie

Hi,
I am trying to insert a flash movie into an editable region
of a child page, but I keep getting the following error: "Making
this change would require changing code that is locked by a
template or translator. The change will be discarded."
I have read previous posts about the same issue, but none of
them answers my question. I tried creating a new template and a
child from it as a test deleting the css links (like some one
suggested to do) to try to identify the troubled css and I kept
getting the same error in the new pages. I hope someone can help to
identify the issue and the solution. The region where I want to
insert the movie is called "FinalMainContent."
BTW, I do not know how to write code... Sorry!
Thanks, in advance, for any help you can provide!
Here is the 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>

<title>TotusMundus - Video/Film</title>

<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />

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

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

<script language="JavaScript1.2"
type="text/javascript">

</script>
<script type="text/javascript"
src="p7pm/p7popmenu.js"></script>
<style type="text/css">
td img {display: block;}</style>
<style type="text/css" media="screen">

</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body
onload="P7_initPM(0,0,1,0,-8);MM_preloadImages('Images/LinesBtn_f2.jpg','Images/SmallFlow erBtn_f2.jpg','Images/SquigliBtn_f2.jpg','Images/StarBtn_f2.jpg','Images/DoubleSquigliBtn_ f2.jpg','Images/BigFlowerBtna_f2.jpg','Images/PrevBtn_f2.jpg','Images/NextBtn_f2.jpg');">< table
align="center" border="0" cellpadding="0" cellspacing="0"
width="800">

<tr>
<td><img src="Images/spacer.gif" width="116"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="8"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="182"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="109"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="102"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="180"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="7"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="96"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="1" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="7"><a
href="index.htm"><img name="LogoAnfTagLine"
src="Images/LogoAnfTagLine.jpg" width="704" height="100" border="0"
id="LogoAnfTagLine" alt="" /></a></td>
<td><img name="MusicTitle"
src="Images/MusicTitle.jpg" width="96" height="74" border="0"
id="MusicTitle" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="74" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><a href="javascript:;"
onmouseout="MM_swapImgRestore();"
onmouseover="MM_swapImage('LinesBtn','','Images/LinesBtn_f2.jpg',1);"><img
name="LinesBtn" src="Images/LinesBtn.jpg" width="96" height="57"
border="0" id="LinesBtn" alt="" /></a></td>
<td><img src="Images/spacer.gif" width="1"
height="26" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="CushionforPath"
src="Images/CushionforPath.jpg" width="704" height="13" border="0"
id="CushionforPath" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="13" border="0" alt="" /></td>
</tr>
<tr>

Can you upload the page and just post a link to it?
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
==================
"TheUniverse" <[email protected]> wrote in
message
news:[email protected]...
> 3rd part of the code:
>
> <td><a href="javascript:;"
onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('StarBtn','','Images/StarBtn_f2.jpg',1);"><img
> name="StarBtn" src="Images/StarBtn.jpg" width="96"
height="82" border="0"
> id="StarBtn" alt="" /></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="82" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td><a href="javascript:;"
onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('DoubleSquigliBtn','','Images/DoubleSquigliBtn_f2.jpg'
> ,1);"><img name="DoubleSquigliBtn"
src="Images/DoubleSquigliBtn.jpg"
> width="96"
> height="127" border="0" id="DoubleSquigliBtn" alt=""
/></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="127" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td rowspan="5"><a href="javascript:;"
> onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('BigFlowerBtna','','Images/BigFlowerBtna_f2.jpg',1);">
> <img name="BigFlowerBtna"
src="Images/BigFlowerBtna.jpg" width="96"
> height="107" border="0" id="BigFlowerBtna" alt=""
/></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="32" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="6"><img
> name="BotBox" src="Images/BotBox.jpg" width="588"
height="8" border="0"
> id="BotBox" alt="" /></td>
> <td><img src="Images/spacer.gif" width="1"
height="8" border="0" alt=""
> /></td>
> </tr>
> <tr>
> <td rowspan="3" align="center" valign="middle"
> class="LeftBtn">
> <script type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=7,0,19,0','width','32','height','32','title','RotWorld','src','../Media/
> RotWorld','quality','high','pluginspage','
http://www.macromedia.com/go/getflashp
> layer','movie','../Media/RotWorld' ); //end AC code
> </script>
> <noscript>
> <object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=7,0,19,0" width="32" height="32"
title="RotWorld">
> <param name="movie" value="Media/RotWorld.swf" />
> <param name="quality" value="high" />
> <embed src="Media/RotWorld.swf" quality="high"
> pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" width="32"
height="32"></embed>
> </object>
> </noscript>
> </td>
> <td rowspan="2" colspan="2"
> valign="top" class="Print">Print
Document</td>
> <td><a
> href="MedProdAbout.htm"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('PrevBtn','','Images/PrevBtn_f2.jpg',1)"><img
> name="PrevBtn" src="Images/PrevBtn.jpg" width="109"
height="31" border="0"
> id="PrevBtn" alt="" /></a></td>
> <td><a
> href="MedProdPhoto.htm"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('NextBtn','','Images/NextBtn_f2.jpg',1)"><img
> name="NextBtn" src="Images/NextBtn.jpg" width="102"
height="31" border="0"
> id="NextBtn" alt="" /></a></td>
> <td rowspan="2" colspan="2"
> valign="top"> <p
> class="Search"
> style="margin:0px"><a
href="Search.htm">Search</a></p></td>
> <td><img src="Images/spacer.gif" width="1"
height="30" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="2"><img name="BotExtra2"
src="Images/BotExtra2.jpg"
> width="211" height="16" border="0" id="BotExtra2" alt=""
/></td>
> <td><img src="Images/spacer.gif" width="1"
height="16" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="6"
> class="CopyRightText">© 2006 - 2004
TotusMundus.org - all rights
> reserved</td>
> <td><img src="Images/spacer.gif" width="1"
height="21" border="0"
> alt=""
> /></td>
> </tr>
> </table>
> </body>
> </html>
>

Editable region width

Similar Messages

Maybe you are looking for