Need to add editable regions

How can I add editable regions to an existing template that has hundreds of child pages?  There is one editable region for page content (in a box) in the old template, now I want to have 3 different boxes for editable content.  When I update all of the pages by saving the template, the existing content (in the original editable reigion) should show up in one editable region, and the new editable regions will show up as empty boxes (until I fill them).

It all depends on how you set-up your original template.  Can we see a link to your template or the code from it?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Similar Messages

  • Replacing existing template - need to add editable regions

    I've created a new design for my website and created a new template that uses the same editable regions so it will correctly update all of the existing pages based on the old template.  How can I add new editable regions to the template?  I was told that the editable regions have to matach exactly. Is there a way around this where I can add new ones? 

    It all depends on how you set-up your original template.  Can we see a link to your template or the code from it?
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • Can't manually add editable regions to head in template

    When I created my main template in Dreamweaver CS6 for my website, I had copied most of the page code from another layout I already had, including the head code.  I did not realize there were already editable regions built into the head section of the Dreamweaver template and deleted them when I pasted my previous code without adding new ones.  I then added an editable region to the body and started created pages using the template.
    Everything works well and updates properly when I make changes to the template but now that I am trying to add those editable regions back to the head section so I can change the page title (and possibly add more responsive code), it doesn't work.  I copied and pasted the following code into my template file in Dreamweaver and it saves in the template telling me it's updating the related pages, but when I open those individual pages in Dreamweaver, the code isn't there and those regions are not editable; only the original editable region I created in the body exists and works properly.  Everything else continues to work perfectly.
    Here is the code I pasted into the head around the <title> tag:
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Collings Document Database</title>
    <!-- TemplateEndEditable -->
    And here is the code I pasted into the head just before the </head> tag:
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    Any help would be appreciated.  From everything I've read on these forums after searching, it sounds like pasting that code should work but I continue to get the results mentioned.  Thank you.

    Thanks for the response.  I've run the template code through the validator and the following two errors are the only ones that showed up.  I don't see how either of these would cause this issue.  Thoughts?
    Line 5, Column 53: Bad value X-UA-Compatible for attribute http-equiv on element meta.
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    Line 27, Column 127: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. …gs_guitars_stroke_clear.png" width="184" height="81" class="scalable">  </div>

  • Dreamweaver does not allow me to edit the editable region

    Oh my, I'm so desperate in this, I have a .dwt and have set up the editable region as well. When I want to make a new html file from the said template dreamweaver does not allow me to edit it. I mean, all the code is completely grayed out as if the template itself is locked by default.
    What I want to do is to create several new pages such as new albums, charts, genres, contacts (which all based on the home template) The home template itself has slider in its body. For the new html files I'm about to create (which I'm so desperate why I can't do so) I want the header and footer to remain the same.
    Here is an image of my index.dwt (my homepage) anything inside the red frame is what I want to edit for new albums, charts, genres, contacts, login page, etc. The top part is the header and the bottom one is the footer (Excuse the right image, I'm working on dual screen)
    Any help will be appreciated!
    Sorry for my english

    Hello SeptianNugraha,
    here some hints concerning while handling templates (I quote):
    The main principle of DW Templates is:
    Non-editable regions = propagate to all child pages. The content of non-edtable regions is identical on all child pages. When you edit a non-editable region, DW propagates all changes to all child pages.
    Editable regions = do not propagate because they're unique to every child page. The whole idea of editable regions is that they contain page specific content which does not appear on any other child page.
    And:
    PART 1
    1. Create a prototype page with all the sitewide elements (common header, footer, sidebar, etc..) that you will need for your entire project. This requires some careful pre-planning even for small web sites.
    2. Validate your code & test this prototype page in all major browsers. 3. When you're completely satisfied with your layout, SaveAs Template. DW will save this as a .dwt file in a site folder called Templates.
    4. DW will ask you to add Editable Regions for stuff that will change from page to page. Do this and SAVE.
    5. Close your Template.dwt file.
    PART 2
    1. File > New Page > from Template.  Select the template you wish to use.  Hit OK.
    2. This is a child page.  You can only edit content within editable regions.  Everything else is locked.
    3. SaveAs index.html (your home page) to the root in your local site folder.
    PART 3
    Repeat PART 2 for each additional page required.
    PART 4
    1. Open your main TEMPLATE file and add a navigation menu with links to your site pages.2. SAVE.3. DW will ask if you want to populate changes to child pages.  Hit yes.
    4. Publish all site pages to your server.
    PART 5
    If you should ever need to edit your TEMPLATE .dwt file, Repeat PART 4.
    Good luck!
    Hans-Günter

  • Help with template locked and editable regions

    I have been using templates for years in a very simplified way, my programing skills are not great. Today I seem to have screwed up a template beyond my ability to fix it and possibly all 46 pages attached to it (have not uploaded any of these files though).
    The body tag needs to be editable because of the preload images that are part of the tag. The next section needs to be editable for content which is different on all pages. The last part is a table with text navigation to each page which needs to be locked so I can change it from one place.
    DW keeps inserting an extra body tag and putting an end body tag after the editable content region (before the locked table), depending on where I try to put the tags. Then it won't let me change areas of the content on individual pages and it's not displaying the bottom nav table (although it does show up in safari, but I know the code is wrong).
    Basically what I would like to do is simply have the whole body region editable, except for the one table toward the bottom of each page. Can I do this with out having any content thrown off my pages? I really don't know what code to post at this point since it's all in various stages of "not-working", but the version I am using is DW8.
    Here is a link to an online page which might help you see what I am talking about, this is from before I started trying to change the template:
    http://www.janosklanyi.com/dresden.html
    Thanks,
    Kaylee

    Hi, AZ,
    Templates imply locked regions and editable regions...usually WITHIN the body, so having the entire body editable might be what is throwing things  off.
    It is possible to make attributes of tags editable, but I don't believe that is supported in DW8. You would make the body tag editable so that the id can be changed to match the page (#contactuspage, #homepage, etc.), and by doing that you can focus your CSS on each page. I use that technique to influence the navigation to highlight the page that I am on (of course, I also put ids on the nav links, viz. #contactus, #home, etc., and #contactus2, #home2, etc. for the footer links). All these you would style in the CSS file. I'm pretty sure you can't pass actual content that way yet, but you can define background images.
    I see that you are doing that sort of thing in your pages.
    While you are in the template, look at the code just before the <body> tag. There should be something that says
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    </head>
    Copy the two commented lines and change the word "head" to "body" [<!-- InstanceBeginEditable name="body" -->]. Then put the BeginEditable line just before the <body> tag and the EndEditable line just after it. That should leave your body tag open for editing in Code View. Remember, all you want editable here is the <body> tag, not the whole <body> of the document.
    Be sure to add editable regions in the rest of the page, controlling them as you wish.
    At any rate, have courage...once you have fixed your template, the other 46 pages will fall into line!
    Understand that I am working in DWCS4, so I don't know how this is going to work in DW8. Hopefully, it will work fine.
    (Have you considered upgrading to CS4? You may still be able to do that from DW8 at an upgrade price.)
    Z

  • Help with Editable Regions

    We are in the process of creating a template for our site. We
    are working on the editable regions. What we are finding is if we
    want to add a bulleted list of items (let's say links) we can't do
    it without the list header also becoming bulleted. For instance
    let's say we have the following:
    Medical Resource Links
    Cardiology
    GI
    Respiratory
    We would want Medical Resource Links to be bold and stay to
    the left. The other three items we would want to have bullets.
    When we try this in an editable region all four items move
    over and only the first gets the bullet. Do we need an additional
    editable region for the title? Is this controlled via a CSS? Any
    help you can give would be greatly appreciated. We are beginners
    with this. Thanks.

    This has nothing to do with editable regions. It's all about
    the HTML on
    the page.
    Show us the HTML for your list, and I'll tell you why it's
    happening the way
    you describe.
    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
    ==================
    "DONNA6985" <[email protected]> wrote in
    message
    news:edme63$o0m$[email protected]..
    > We are in the process of creating a template for our
    site. We are working
    > on
    > the editable regions. What we are finding is if we want
    to add a bulleted
    > list
    > of items (let's say links) we can't do it without the
    list header also
    > becoming
    > bulleted. For instance let's say we have the following:
    >
    > Medical Resource Links
    > Cardiology
    > GI
    > Respiratory
    >
    > We would want Medical Resource Links to be bold and stay
    to the left. The
    > other three items we would want to have bullets.
    > When we try this in an editable region all four items
    move over and only
    > the
    > first gets the bullet. Do we need an additional editable
    region for the
    > title?
    > Is this controlled via a CSS? Any help you can give
    would be greatly
    > appreciated. We are beginners with this. Thanks.
    >

  • Please Help Nested Editable Region Image & Spry

    Please Help Me.
    New to Dreamweaver. I've been given a "grandchild" nested temple with only one editable region to alter. I've read and Googled since Saturday. My brain actually hurts.
    Goal
    - Insert my background image into region
    - Add Spry accordion to mid left
    - Add Spry collapsible to bottom right
    How can 3 things be so hard? Please, can someone walk me through this? Thank you

    I've been given a "grandchild" nested template with only one editable region to alter.
    Nested templates.  Aaaaaak! There's no advantage in nested templates, ever.  They're so problematic it makes my head hurt just thinking about them.
    If you have the parent and grandparent template.dwt files to work with, you'll need to insert Editable Regions to hold your scripts and other supporting widget code.
    If you don't have those files and you can't edit the <head>, you can't insert widgets into Template child or grandchild pages.  You'll need to detach the page from Templates.
    Nancy O.

  • 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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <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

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

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

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

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

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

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

  • 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" />
    > <!-- TemplateBeginEditable name="doctitle" -->
    > <title>Untitled Document</title>
    > <!-- TemplateEndEditable -->
    > <!-- TemplateBeginEditable name="head" --><!--
    TemplateEndEditable -->
    > <style type="text/css">
    > <!--
    > #Layer1 {
    > position:absolute;
    > left:382px;
    > top:30px;
    > width:329px;
    > height:268px;
    > z-index:1;
    > }
    > -->
    > </style>
    > </head>
    >
    > <body>
    > <div id="Layer1"><!-- TemplateBeginEditable
    name="EditRegion1" --> <!--
    > TemplateEndEditable --></div>
    > </body>
    > </html>
    >
    > \Robert
    >

  • 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

  • I have downloaded Adobe Digital Editions in Windows. I need to add a vendor (Harper Collins). How do I do that?

    I have downloaded Adobe Digital Editions to a Windows PC. I want to download a book and need to add a vendor (in this case, Harper Collins). I cannot find a menu or other option that allows that. How do I add a vendor? Please be very specific.
    Thank you.

    Hi pastore27-
    You should be able to print documents from webpages using Firefox. The print button should display by default. However, it is possible it was removed during an upgrade or due to custom preferences. The way to fix it:
    # Firefox > View > toolbars > customize
    # Select the printer icon and drag it to your browser window
    I also found a Support article on restoring toolbars, as you said the toolbar was missing:
    [[Back and forward or other toolbar items are missing]]
    I hope that helps!

  • Add a Background-Image to an Editable Region

    I would like to add a background image at the bottom of this page (www.theram.com/drink_specials.html). The 'body' editable region is where I would like to add it but I am not sure how to...could you help me out? I don't want this image to show up on all template pages, just this page.
    I added this code in the head section for only this page but obviously it is not correct because I don't see the image.
    <style type="text/css">
    <!--
    body {
              background-image:url(/images/backgroundStoli_web.jpg);
              background-repeat: no-repeat;
              background-position: bottom;
    </style>
    Thanks for your help!!

    npolen wrote:
    I'm sorry, I don't think I was very clear on where I wanted this...I would like it to be in the white part of 'body' editable region that has the drink pictures and descriptions in it. How do I add a background image to that part of the page? Thanks!
    In that case add an 'id' to the <th> cell that the drinks table is inserted into (see below - id="bg_1")
    <th width="675" id="bg_1" align="left" valign="top" bgcolor="#FFFFFF" scope="col">
    Then amend your 'body' css selector to #bg_1 (as below)
    #bg_1 {
        background-image:url(/images/backgroundStoli_web.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
    I don't know if /images requires a leading slash infront of it. If the background image does not show up get rid of the leading slash /
    Not sure why youre using a <th></th> table cell to insert the drinks table into. A <th></th> tag is a table header tag.......you should really be using a <td></td> tag.

  • 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">
    <!--
    body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    background-color: #D7D7D7;
    background-repeat: repeat-x;
    border-top-color: #066;
    border-right-color: #066;
    border-bottom-color: #066;
    border-left-color: #066;
    /* Tips for Elastic layouts
    1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
    2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
    3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
    .twoColElsLtHdr #container {
    width: 46em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 30px none #C4C4C4;
    text-align: left; /* this overrides the text-align: center on the body element. */
    padding-left: 10px;
    background-color: #FFF;
    border-top-color: #C4C4C4;
    border-right-color: #C4C4C4;
    border-bottom-color: #C4C4C4;
    border-bottom-style: outset;
    border-left-style: outset;
    border-top-width: thick;
    border-right-style: outset;
    border-top-style: outset;
    border-left-color: #C4C4C4;
    border-right-width: thick;
    border-bottom-width: thick;
    border-left-width: thick;
    .twoColElsLtHdr #header {
    padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    background-color: #FFF;
    .twoColElsLtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    /* Tips for sidebar1:
    1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
    2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width.
    3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsLtHdr #sidebar1 p" rule.
    .twoColElsLtHdr #sidebar1 {
    float: left;
    width: 12em; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div */
    background-color: #066;
    background-repeat: repeat-x;
    border-top-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    color: #FFF;
    padding-left: 0px;
    clear: left;
    .twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
    margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
    margin-right: 10px;
    background-color: #066;
    text-decoration: inherit;
    /* Tips for mainContent:
    1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
    2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
    3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
    4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
    .twoColElsLtHdr #mainContent {
    margin: 0 1.5em 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
    color:#069;
    background-color:#FFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    .twoColElsLtHdr #mainContent a:link {
    text-decoration: none;
    color: #069;
    .twoColElsLtHdr #mainContent a:visited {
    text-decoration: none;
    color: #069;
    .twoColElsLtHdr #mainContent a:hover {
    text-decoration: underline;
    color: #069;
    background-color:#FFF
    .twoColElsLtHdr #mainContent a:active {
    text-decoration: none;
    color: #069;
    .twoColElsLtHdr #footer {
    padding: 0 10px;
    line-height: 0pt;
    color: #069;
    background-color: #FFF;
    font-size: 10px;
    .twoColElsLtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    background-color: #FFF;
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    h1 {
    color: #069;
    font-size: 16px;
    border-top-color: #069;
    border-top-width: thin;
    border-right-width: thin;
    padding-right: 0px;
    padding-left: 0px;
    body,td,th {
    font-family: verdana;
    text-decoration: none;
    color: #069;
    border-top-color: #069;
    border-right-color: #069;
    border-bottom-color: #069;
    border-left-color: #069;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    a:link {
    text-decoration: none;
    color: #FFF;
    a:visited {
    text-decoration: none;
    color: #FFF;
    a:hover {
    text-decoration: underline;
    color: #FFF;
    background-color: #;
    background-repeat: repeat-x;
    background-position: center;
    border-top-color: #069;
    border-right-color: #069;
    border-bottom-color: #069;
    border-left-color: #069;
    a:active {
    text-decoration: none;
    color: #FFF;
    border-color: #FFF;
    padding-left: 20px;
    -->
    </style><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColElsLtHdr #sidebar1 { padding-top: 30px; }
    .twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <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>
        <!-- end #mainContent -->
      </div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
           <br class="clearfloat" />
      </p>
      <div id="footer">
        <hr width="100%" size="8" noshade="noshade" color="#006666" id="color=&quot;069&quot;" colour="#069"/>
        <p><strong>Maintainted by: ASQM </strong></p>
        <p><strong>Date Modified: 2013-03-25</strong></p>
        <!-- end #footer -->
      </div>
      <script type="text/javascript">
    <!--
    //-->
    </script>
      </h3>
        <!-- end #container -->
    </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.

Maybe you are looking for

  • Cd/dvd drive inoperable

    My CD/DVD drive will not open, nor will it "spin" after I place a disc in the draw (I had to manually open the drawer).  I have a Presario  F756NR notebook operating under Windows Vista  (32 bit).  The drive (according to the Device Manager screen) i

  • Heating issue lenovo a6000 plus

    What is the normal temperature of A6000 Plus ??

  • Contact Card Image - Including with new email

    I know I am not going crazy.... I could swear there was a way from within Mail (not .Mac) to include you "main contact image" on all outgoing mail. Is that feature not included any longer? If it is, where is that setting buried? Thanks for the help!

  • Removing new line character in jdk 1.2

    I am currently using replaceAll("\n", "") to remove new line characters in an string. But this works only for 1.4 version, I know need to have this work on 1.2 and 1.3. Is there an alternate method that I can use?

  • Load testing web service with JMeter

    Hi, Has anyone had success with using JMeter to load test Web Service generated by Jdev and deploy on iAS904? Thanks, Charles Li