DWTs moving doctype

DW8.01 seems to be adding template code before the doctype
when i make a new template. That's causing my page-centering CSS to
fail. Two questions:
1. Can I stop DW from adding code before the doctype?
2. Is there CSS to center a page horizontally that will
withstand template conversion?
Examples:
After creating template:
<!-- InstanceBegin template="../Templates/bio.dwt"
codeOutsideHTMLIsLocked="false" --><!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Result: page no longer centered horizontally, but if I move
the doctype to the beginning of the code it centers in IE6 and
Mozilla.
Example of CSS used to center page horizontally:
body {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
/**** ----DIV STYLES----****/
#container {
clear: both;
float: none;
width: 760px;
margin-left: auto;
margin-right: auto;
text-align:left;
Can anyone suggest something that works to solve this, either
with DW templates or better CSS?
Many thanks -- Sue

There have been several posts from people seeing this happen.
It's very
hard to find any similar cause between them. Can you walk me
stepwise
through your exact procedure for creating this template,
please?
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
==================
"SueLP" <[email protected]> wrote in message
news:e4d8k2$h61$[email protected]..
> DW8.01 seems to be adding template code before the
doctype when i make a
> new
> template. That's causing my page-centering CSS to fail.
Two questions:
>
> 1. Can I stop DW from adding code before the doctype?
> 2. Is there CSS to center a page horizontally that will
withstand template
> conversion?
>
> Examples:
> After creating template:
> <!-- InstanceBegin template="../Templates/bio.dwt"
> codeOutsideHTMLIsLocked="false" --><!DOCTYPE html
PUBLIC "-//W3C//DTD
> XHTML 1.0
> Transitional//EN"
> "<a target=_blank class=ftalternatingbarlinklarge
> href="
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> Result:">
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> Result:</a> page no longer centered horizontally,
but if I move the
> doctype to
> the beginning of the code it centers in IE6 and Mozilla.
>
> Example of CSS used to center page horizontally:
> body {
> font-family: "Times New Roman", Times, serif;
> font-size: 12px;
> color: #000000;
> }
>
> /**** ----DIV STYLES----****/
> #container {
> clear: both;
> float: none;
> width: 760px;
> margin-left: auto;
> margin-right: auto;
> text-align:left;
> }
>
> Can anyone suggest something that works to solve this,
either with DW
> templates or better CSS?
>
> Many thanks -- Sue
>

Similar Messages

  • Mark of the web/template problem

    I created three Dreamweaver Templates for my site. I inserted the mark of the web code to each template to allow me to test and preview pages without the pop-up messages. All of my pages are about done and some pages using spry and SWF files weren't previewing properly in IE so I decided that it was time to remove the mark of the web code from the templates. As soon as I tried doing this I got a message about data outside the HTML tag and if I continue changes to pages based on this template will not occur unless you insert the following code <!--TemplateInfo CodeOutsideHTMLisLocked="true"-->.
    So I hit continue. I got a couple of other error messages telling me I did something wrong. I went back into my template and typed in the code Dreamweaver told me to enter. I saved the template and got some more errors. I didn't think to copy it all down at the time. So after all these nasty messages I'm not sure what's happened. So I make some changes to a horizontal spry menu and hit save. I get some more error messages about the changes will not affect pages based on the template. I have to cancel out of a couple of error dialog boxes. I load a few pages that were based on the template and see that none of the changes that I made to the spry menu on the template are reflected on the html pages created from the template.
    So I go into the template and try deleting all references to the mark of the web code. Then I try changing the CodeOutsideHTMLisLocked="true"--> to "false." That didn't work. Then I tried deleting the entire line <!--TemplateIinfo CodeOutsideHTMLisLocked="true"--> thinking that if I just got rid of all of it that it would fix my problem. No such luck.
    So now I start searching online for answers and I see some things about attaching and detaching templates. Okay, so maybe if I detach the template and then re-attach it everything will update. When I follow the instructions to do this I learn that the page is no longer attached to a template. That would explain why my changes in the template aren't updating the other pages. So then I try re-attaching the template. I open the assets panel, click on templates, select the template, and then click apply. Nothing. It won't let me attach a template. Template properties shows no template properties available.
    Here is some of the code from of a page based on the template two_column.dwt
    <!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"><!-- InstanceBegin template="/Templates/two_column.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="document_info" -->
    <title>ONA</title>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <meta name="Description" content="This page contains images of some of the former employes of Overseas National Airways." />
    You can't see it the code I pasted but everything after 1999/xhtml is grayed out and you can't edit it.
    So now I'm totally confused and have no idea what I need to do to straighten this mess out.

    I thought I'd update this discussion and close it out. The reason why my pages weren't updating was because I
    was using a template improperly. I had made the menu editable, which you're not supposed to do. The whole mark of the web issue was unrelated to my problem.

  • While executing ObjectTag in flash.htm, a javascript error occurred

    I'm attempting to place a SWF file in an editable region on a page created from a template.  I get the error: While executing ObjectTag in flash.htm, a javascript error occurred.  I saw on another sight that someone found the problem which was editable regions remove the head tag information.  But I do not know how to enter this info.  I tried just putting  a </head> and a head and body tag in code view inside the name region but this did not work. Any help would be appreciated.

    Main.dwt
    <!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">
    <!--
    body {
    background-color: #00C;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    #container {
    background-color: #FFF;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    #flashbanner {
    background-color: #FFF;
    height: 350px;
    width: 900px;
    #title {
    background-color: #FFF;
    height: 35px;
    width: 900px;
    #navtop {
    background-color: #FFF;
    height: 100px;
    width: 900px;
    #spacer1 {
    background-color: #00C;
    height: 20px;
    width: 900px;
    #navleft {
    background-color: #FFF;
    float: left;
    height: 1200px;
    width: 250px;
    border-right-width: medium;
    border-right-style: solid;
    border-right-color: #00C;
    #mainbody {
    background-color: #FFF;
    height: 1200px;
    width: 646px;
    float: left;
    #spacer2 {
    background-color: #00C;
    height: 20px;
    width: 900px;
    clear: both;
    #navbottom {
    background-color: #FFF;
    height: 100px;
    width: 900px;
    #spacer3 {
    background-color: #00C;
    height: 20px;
    width: 900px;
    -->
    </style></head>
    <body>
    <div id="container"><!-- TemplateBeginEditable name="flashbanner" -->
      <div id="flashbanner">flashbanner</div>
    <!-- TemplateEndEditable --><!-- TemplateBeginEditable name="title" -->
    <div id="title">title</div>
    <!-- TemplateEndEditable -->
    <div id="navtop">nav top</div>
      <div id="spacer1"></div>
      <div id="navleft">nav left</div>
      <!-- TemplateBeginEditable name="mainbody" -->
      <div id="mainbody">mainbody</div>
      <!-- TemplateEndEditable -->
      <div id="spacer2"></div>
      <div id="navbottom">nav bottom</div>
      <div id="spacer3"></div>
    container</div>
    </body>
    </html>
    Index.htm
    <!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"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    background-color: #00C;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    #container {
    background-color: #FFF;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    #flashbanner {
    background-color: #FFF;
    height: 350px;
    width: 900px;
    #title {
    background-color: #FFF;
    height: 35px;
    width: 900px;
    #navtop {
    background-color: #FFF;
    height: 100px;
    width: 900px;
    #spacer1 {
    background-color: #00C;
    height: 20px;
    width: 900px;
    #navleft {
    background-color: #FFF;
    float: left;
    height: 1200px;
    width: 250px;
    border-right-width: medium;
    border-right-style: solid;
    border-right-color: #00C;
    #mainbody {
    background-color: #FFF;
    height: 1200px;
    width: 646px;
    float: left;
    #spacer2 {
    background-color: #00C;
    height: 20px;
    width: 900px;
    clear: both;
    #navbottom {
    background-color: #FFF;
    height: 100px;
    width: 900px;
    #spacer3 {
    background-color: #00C;
    height: 20px;
    width: 900px;
    -->
    </style></head>
    <body>
    <div id="container"><!-- InstanceBeginEditable name="flashbanner" -->
      <div id="flashbanner">flashbanner</div>
    <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="title" -->
    <div id="title">title</div>
    <!-- InstanceEndEditable -->
    <div id="navtop">nav top</div>
      <div id="spacer1"></div>
      <div id="navleft">nav left</div>
      <!-- InstanceBeginEditable name="mainbody" -->
      <div id="mainbody">mainbody</div>
      <!-- InstanceEndEditable -->
      <div id="spacer2"></div>
      <div id="navbottom">nav bottom</div>
      <div id="spacer3"></div>
    container</div>
    </body>
    <!-- InstanceEnd --></html>

  • Templates will not load in Firefox

    I have updated several of our intranet pages using templates.
    I really like that I can change the template and change all of the
    pages at once. The files load and look great in IE6. However, when
    I load the pages in Firefox 3.0.3, I only get the data and none of
    the template. I am using Dreamweaver 8 and Windows XP SP2.
    Since these are intranet pages, I cannot give you links, but
    I am pasting the beginning of each file below.
    TEMPLATE (basic.dwt)
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
    http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>- Region 3 Transportation</title>
    <!-- TemplateEndEditable -->
    <link href="../Transport.css" rel="stylesheet"
    type="text/css">
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <!-- TemplateParam name="Additional Home Page Link"
    type="boolean" value="true" -->
    </head>
    <body>
    file continues...
    FILE USING TEMPLATE
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
    http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en"><!-- InstanceBegin
    template="/Templates/Basic.dwt" codeOutsideHTMLIsLocked="false"
    -->
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Preconstruction - Region 3
    Transportation</title>
    <!-- InstanceEndEditable -->
    <link href="../Transport.css" rel="stylesheet"
    type="text/css">
    <!-- InstanceBeginEditable name="head" --><!--
    InstanceEndEditable -->
    <!-- InstanceParam name="Additional Home Page Link"
    type="boolean" value="true" -->
    </head>
    <body>
    file continues...
    I have tried taking out the xhtml stuff and putting a direct
    link of template="/Templates/Basic.dwt". This worked great in
    Firefox, but then the text was all huge in IE6. I guess I don't
    understand why Firefox isn't seeing the template file. I have
    loaded the Mozilla HTML Validator and the only errors I am getting
    are using bordercolor. Any ideas or help would be greatly
    appreciated because I have been banging my head against a wall all
    day.
    Thanks!
    -Andrea

    DW had DWT files first - the syntax was quite simple. The
    format was copied
    by both GoLive and FrontPage using that simple format. So -
    DWT files
    created by DW4 or earlier will work in both GL and FP. With
    DMX, the
    Template syntax was drastically changed, allowing for things
    like nested
    templates, editable attributes, repeat regions, optional
    regions, template
    parameters/expressions, etc. Nobody but DW adopted that
    format.
    Thus, DW can read and use any GL/FP template (at least as far
    as the
    Template syntax goes). But no other app can use a DW>4
    version Template.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Alain St-Pierre" <[email protected]> wrote in
    message
    news:[email protected]...
    > Murray, I beg your forgiveness. You are absolutly right.
    When I create a
    > Template using DW and then try to use it with this other
    program, even
    > know they have the same extension, It tells me that
    there is no region
    > that can be edit. So I would have to recreate all the
    editable regions.
    >
    > I should have learn by now to test before I speak....
    >
    > aka Frenchy ASP
    > "Murray *ACE*" <[email protected]>
    wrote in message
    > news:[email protected]...
    >>> They are not limited to Dreamweaver.
    >>
    >> Do me a favor. Try to use a DW template with any
    other HTML authoring
    >> system. The code used in DW's Template files is
    proprietary to all DW
    >> versions since DW4. So, you are completely wrong
    here. But the point I
    >> was making is this -
    >>
    >> You can upload DW's Template files to the server
    until you are blue in
    >> the face. They will affect nothing. The only way to
    use DW's Templates
    >> is WITHIN DREAMWEAVER.
    >>
    >>> Again, these pages load perfectly in IE6.
    Firefox does not "see" the
    >>> line
    >>> <!-- InstanceBegin
    template="/Templates/Basic.dwt" -->. Why is Forefox
    >>> not
    >>> seeing this command?
    >>
    >> This is not code that would be present on a DW
    Template page. This is a
    >> DW Child page. And of course that code is completely
    suitable for web
    >> use - after all, it's just an HTML comment. But what
    are you expecting
    >> Firefox to do here?
    >>
    >>
    >> --
    >> Murray --- ICQ 71997575
    >> Adobe Community Expert
    >> (If you *MUST* email me, don't LAUGH when you do
    so!)
    >> ==================
    >>
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >>
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >> ==================
    >>
    >>
    >> "AbqFS" <[email protected]> wrote
    in message
    >> news:[email protected]...
    >>> Yes, the pages validate.
    >>>
    >>> "A DW *.dwt is not suitable for browsing. It
    only functions within DW."
    >>>
    >>> dwt files are Dynamic Web Templates. They are
    not limited to
    >>> Dreamweaver.
    >>> What would be the point of creating a template
    that only worked in the
    >>> software
    >>> where you wrote your webpages?
    >>>
    >>> Again, these pages load perfectly in IE6.
    Firefox does not "see" the
    >>> line
    >>> <!-- InstanceBegin
    template="/Templates/Basic.dwt" -->. Why is Forefox
    >>> not
    >>> seeing this command?
    >>>
    >>>
    >>
    >
    >

  • ASP getting removed when updating Template

       Hello,
    I have a strange problem I can seem to find an answer for.
    I'm using Dreamweaver Templates, and on some of my individual pages I am also using ASP code for contact forms.
    In theory this code is outside the template and shouldn't be removed when I do a template update because codeOutsideHTMLIsLocked is set to false.
    The bolded line of code is the ASP code on my child pages, and everytime I update the template this line of code gets removed. It seems that if I remove the @ symblo the code doesn't get removed. But I don't think it's valid ASP anymore.
    <%@ Page Language="C#" CodeFile="default.aspx.cs" Inherits="contactform" ResponseEncoding="utf-8" %>
    <!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"><!-- InstanceBegin template="../Templates/Main.dwt.aspx" codeOutsideHTMLIsLocked="false" -->
    Now when I run an update on my main template, and check my child page, the ASP code will be removed.
    The strange thing is that if I use placeholder text instead, it won't be stripped/removed out of the template.
    The pain is I have about 10 pages (for now) to add this line to everytime I update the template, which is actually happening more and more now.
    Does anyone know why this particular ASP code gets removed any time I update my Main template?
    Thanks,
    M
    /edit: It seems that if I remove the @ from this line, I can the code to "stick" and not be removed.

    If I understand correctly, Dreamweaver will treat the area outside the HTML as an editable region when codeOutsideHTMLIsLocked is set to false?
    If my maintemplate has this code: /Templates/mainTemplate.dwt
    <!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" -->
    And my child page has this code: /products/index.php
    <%@ Page Language="C#" ContentType="text/html"  CodeFile="default.aspx.cs" inherits="contactform" ResponseEncoding="utf-8" %>
    <!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"><!-- InstanceBegin template="../Templates/B2B.dwt.aspx" codeOutsideHTMLIsLocked="false" -->
    Theoretically now when I update the mainTemplate.dwt Dreamweaver shouldn't strip this code out. Correct?
    If this being correct, when I use Dreamweaver and update the mainTemplate.dwt it strips this editable region out of the child pages. This is not excepted result, I was excepting that Dreamweaver to leave this code alone in its editable region.
    Thanks in advance David,
    -M.

  • Template not updating child pages {subject edited by moderator}

    I used templates for the sprymenu bar throughout the site. Recently, when i updated my nurse template (change the "2012 Upgrade" to "Upgrade" on the horizontal bar (see the red highlighted line in the code) and saved my change, I could not see the prompt asking me to confirm the updating of those linked child pages. I guessed i must have messed up the linking between the template (Nurses_Contentpage.dwt) and child pages (Nurses-inpatient.html and more html files). Where should I look at to fix this? Thanks!
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Template: Nurses_Contentpage.dwt
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="file://///cmc-childtest/departments/LearnEpic/style.css" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Clinical Support</title>
    <!-- TemplateEndEditable -->
    <script src="file://///cmc-childtest/departments/LearnEpic/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-25722711-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <link href="file://///cmc-childtest/departments/LearnEpic/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrap"><!-- TemplateBeginEditable name="EditRegion3" -->
      <div id="header">
        <h1>Clinical Support</h1>
        <h2> </h2>
      </div>
    <!-- TemplateEndEditable -->
      <div id="menu">
        <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="index.html" target="blank">Home</a>      </li>
        <li><a href="#" class="MenuBarItemSubmenu">Providers</a>
          <ul>
            <li><a href="Providers_Inpatient.html">Inpatient/ICU</a></li>
            <li><a href="Providers_Ambulatory.html">Ambulatory</a></li>
            <li><a href="Providers_ED.html">Emergency Dept</a></li>
            <li><a href="Providers_PeriopServices.html">Periop Services</a></li>
            <li><a href="Providers_MyChildrens.html">MyChildren's</a></li>
                            <li><a href="Providers_MedSstudents.html">Medical Students</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="#">Nurses</a>
    <ul>
    <li><a href="Nurses_Inpatient.html">Inpatient/ICU</a></li>
            <li><a href="Nurses_Ambulatory.html">Ambulatory</a></li>
            <li><a href="Nurses_ED.html">Emergency Dept</a></li>
            <li><a href="Nurses_PeriopServ.html">Periop Services</a></li>
            <li><a href="Nurses_MyChildrens.html">MyChildren's</a></li>
          </ul>
          </li>
            <li><a href="pharmacists.html">Pharmacists</a></li>
            <li><a href="Therapists.html">Therapists</a></li>
            <li><a href="Ancillaries.html">Ancillaries</a>        </li>
            <li><a href="#" class="MenuBarItemSubmenu">Clinical Support</a>
    <ul>
    <li><a href="ClinicalSupport_ASR_PAR_SPAR.html">ASR/PAR/SPAR</a></li>
    <li><a href="ClinicalSupport_Admitting_ED_FC.html">Admitting/ED/FC</a></li>         
    <li><a href="ClinicalSupport_MA_PCA_PCT.html">MA/PCA/PCT</a></li>
    <li><a href="ClinicalSupport_Radio_Lab_Techs.html">Radiology/Lab Tech</a></li>
    <li><a href="ClinicalSupport_HUcs.html">HUC</a></li>
    <li><a href="ClinicalSupport_HIM.html">HIM</a></li>
    <li><a href="ClinicalSupport_FinancialServ.html">Pt Financial Services</a></li>
    </ul>
            </li>
                   <li><a href="MultiAreaModules.html">Multi-Area Modules</a></li>
            <li><a href="trainers.html">Trainers</a></li>
           <li><a href="Upgrade.html">Upgrade</a></li>
      </ul>
        </li>
      </div>
    <div id="contentwrap"><!-- TemplateBeginEditable name="EditRegion4" -->
      <div id="content02">
        <h2>Clinical Support &gt; Area name</h2>
       <table id="hor-minimalist-b" summary="Epic Access Requirements">
          <thead>
            <tr>
              <th width="169" >Category</th>
              <th width="554">Topic
              </th>
            </tr>
    <!-- MORE CODE HERE OMITTED....-->
    </div>
    <div style="clear: both;"> </div>
    </div>
    <div id="footer">
    <p>&copy; Copyright 2014 <a href="http://cmc-childnet/ChildNet/Departments/LearningInstitute/index.asp" target="_blank">the Learning Institute, </a><a href="http://cmc-childnet/ChildNet/Departments/home/index.asp" target="_blank">Children's Medical Center Dallas, Texas </a></p>
    </div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    One of the Child Nurse Pages: Nursee_inpatient.html
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!-- InstanceBegin template="/Templates/Nurses_contentpage.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>NurseTraining - Inpatient/ICU</title>
    <!-- InstanceEndEditable -->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-25722711-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrap"><!-- InstanceBeginEditable name="EditRegion3" -->
      <div id="header">
        <h1><a href="#">Nurse Trainings</a></h1>
        <h2> </h2>
      </div>
    <!-- InstanceEndEditable -->
      <div id="menu">
        <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="index.html" target="blank">Home</a>      </li>
        <li><a href="#" class="MenuBarItemSubmenu">Providers</a>
          <ul>
            <li><a href="Providers_Inpatient.html">Inpatient/ICU</a></li>
            <li><a href="Providers_Ambulatory.html">Ambulatory</a></li>
            <li><a href="Providers_ED.html">Emergency Dept</a></li>
            <li><a href="Providers_PeriopServices.html">Periop Services</a></li>
            <li><a href="Providers_MyChildrens.html">MyChildren's</a></li>
                            <li><a href="Providers_MedSstudents.html">Medical Students</a></li>
          </ul>
        </li>
        <li><a class="MenuBarItemSubmenu" href="#">Nurses</a>
    <ul>
    <li><a href="Nurses_Inpatient.html">Inpatient/ICU</a></li>
            <li><a href="Nurses_Ambulatory.html">Ambulatory</a></li>
            <li><a href="Nurses_ED.html">Emergency Dept</a></li>
            <li><a href="Nurses_PeriopServ.html">Periop Services</a></li>
            <li><a href="Nurses_MyChildrens.html">MyChildren's</a></li>
          </ul>
          </li>
            <li><a href="pharmacists.html">Pharmacists</a></li>
            <li><a href="Therapists.html">Therapists</a></li>
            <li><a href="Ancillaries.html">Ancillaries</a>        </li>
            <li><a href="#" class="MenuBarItemSubmenu">Clinical Support</a>
    <ul>
    <li><a href="ClinicalSupport_ASR_PAR_SPAR.html">ASR/PAR/SPAR</a></li>
    <li><a href="ClinicalSupport_Admitting_ED_FC.html">Admitting/ED/FC</a></li>
    <li><a href="ClinicalSupport_MA_PCA_PCT.html">MA/PCA/PCT</a></li>
    <li><a href="ClinicalSupport_Radio_Lab_Techs.html">Radiology/Lab Tech</a></li>
    <li><a href="ClinicalSupport_HUcs.html">HUC</a></li>
    <li><a href="ClinicalSupport_HIM.html">HIM</a></li>
    <li><a href="ClinicalSupport_FinancialServ.html">Pt Financial Services</a></li>
    </ul> 
            </li>
                   <li><a href="MultiAreaModules.html">Multi-Area Modules</a></li>
            <li><a href="trainers.html">Trainers</a></li>
            <li><a href="2012Upgrade.html">2012 Upgrade</a></li>
      </ul>
        </li>
      </div>
    <div id="contentwrap"><!-- InstanceBeginEditable name="EditRegion4" -->
      <div id="content02">
        <h2>Nurses &gt; Inpatient/ICU</h2><br />
        <table id="hor-minimalist-b" summary="Epic Access Requirements">
          <thead>
            <tr>
              <th width="168" >Category</th>
              <th width="555">Topic
                </th>
            </tr>
            <tr >
    <!-- more code/content omitted -->
        <div style="clear: both;"> </div>
      </div>
    <!-- InstanceEndEditable -->
      <div id="sidebar02">
    <h3>   Nurses by Area</h3>
    <ul>
    <li><a href="Nurses_Inpatient.html">Inpatient/ICU</a></li>
    <li><a href="Nurses_Ambulatory.html">Ambulatory</a></li>
    <li><a href="Nurses_ED.html">Emergency Dept</a></li>
    <li><a href="Nurses_PeriopServ.html">Periop Services</a></li>
    <li><a href="http://cmc-childnet/ChildNet/Departments/LearnEpic/Nurses_MyChildrens.html">MyChildren's</a></li>
    </ul>
    </div>
    <div style="clear: both;"> </div>
    </div>
    <div id="footer">
    <p>&copy; Copyright 2014 <a href="http://cmc-childnet/ChildNet/Departments/LearningInstitute/index.asp" target="_blank">the Learning Institute, </a><a href="http://cmc-childnet/ChildNet/Departments/home/index.asp" target="_blank">Children's Medical Center Dallas, Texas </a></p>
    </div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    <!-- InstanceEnd --></html>

    I do have the exact hierarchy of this site on both the test and production sites.
    If that were the case then DW would not change the links to file:/// links. Are you sure they didn't start that way? Typically they get that way when you insert an element into the page that is *outside* the root folder for the site.
    For the nurse template, there are 6 child pages. I am using a total of 5-6 templates and each template has 3-6 child pages.
    I don't see any reason why you would need so many templates for this simple layout. I haven't encountered a site I couldn't do with a single template yet. However, that's not answering your question.
    Is this lack of propagation of changes true for ALL your templates in this site or only one? Also, do you see it happen on other sites?

  • Template Problem

    I am very new to Dreamweaver and have inherited a website from a real web developer. I'm not sure which version of DW she used. I have CS6. I can't seem to get the old templates to update. I can edit the template, but the associated pages are not getting updated. When I try to manually update, I get this error.
    I have no idea what is wrong with this template. I don't see any issues at line 26, column 29. I can't find duplicate editable regions.
    Can someone please take a look and give me some advice. The code for the template is below.
    Thanks, Dawn
    <!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"><!-- InstanceBegin template="/Templates/two_column.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>iSpecimen</title>
    <!-- InstanceEndEditable -->
    <meta name="keywords" content="iSpecimen, biospecimen, human specimens, biorepository, biobank, CRO, medical research, blood, plasma, clinical trials, technology, solution, patient cohorts, electronic medical records, biospecimens, clinical samples, partner, electronic medical records, biospecimens, clinical samples, clinical specimens, clinical discards, corporate fact sheet, downloads, documents, white papers, brochures">
        <meta name="description" content="Biospecimen">
        <meta name="contact" content="[email protected], [email protected]">
        <meta name="robots" content="index, follow">
        <meta name="googlebot" content="index, follow, noarchive">
        <meta name="distribution" content="global">
        <meta name="revisit-after" content="1 days">
        <meta name="Author" content="iSpecimen">
        <meta name="Copyright" content="iSpecimen">
        <meta name="MSSmartTagsPreventParsing" content="TRUE">
    <link href="css/isp.css" rel="stylesheet" type="text/css" />
    <link href="css/txt.css" rel="stylesheet" type="text/css" />
    <link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->Line 26, position 29 is here.
    <style type="text/css">
    <!--
    -->
    </style>
        <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-19251334-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    </head>
    <body>
    <div id="container">
    <div id="mainContent"><a href="index.html"><img src="img/ISP_logo.png" alt="iSpecimen" width="300" height="100" border="0" /></a>
    <div id="NavBar">
      <div id="NavBarTxt"><a href="about.html">About Us</a>   |   <a href="contact.html">Contact</a></p><!-- end #NavBarTxt --></div><!-- end #NavBar --></div>
      <div id="NavMain">
        <div id="NavMainTxt"><a href="solutions.html">Solutions</a>      <a href="labs_hosp.html">Labs &amp; Hospitals</a>      <a href="research.html">Researchers</a>      <a href="faq.html">FAQ</a><!-- end #NavMainTxt --></div><!-- end #NavMain --></div>
    <div id="secondarybanner"><!-- InstanceBeginEditable name="banner" -->
      <div id="bannerhead"><h5>About Us</h5></div>
    <!-- InstanceEndEditable --></div>
      <div id="rightColumn2col"><!-- InstanceBeginEditable name="rightcolumn" --><a href="downloads.html"><img src="img/cf_btn.png" alt="iSpecimen" width="242" height="37" border="0" /></a><p></p>
      <h3></h3>
        <p class="quote">“Without iSpecimen’s pilot solution, our study would not have been possible.”</p>
        <p class="quote"> </p>
        <h3>For More Information</h3>
        <p>Are you interested in partnering with iSpecimen or obtaining specimens for your research needs? Please contact us and we’d be happy to help. <a href="contact.html">Contact Us.</a></p>
        <p> </p>
      <!-- InstanceEndEditable --></div>
      <div id="LeftColumn2col"><!-- InstanceBeginEditable name="leftcolumn" -->
        <h1>Overview: </h1>
        <p>iSpecimen, a privately held company, provides laboratories and hospitals a new way to make further, profitable use of their valuable clinical material while offering medical researchers with timely, high-quality and data-rich biospecimens for their research programs. The company does this through their proprietary technology that links electronic medical records (EMRs) and clinical laboratory specimens at partner hospitals and laboratories to provide researchers with a steady supply of customized, annotated specimens. While maintaining full legal and regulatory compliance, the company’s proprietary solution can retrieve desired samples from the millions of specimens flowing through clinical labs each day – samples that otherwise would get discarded and lost to research. </p>
        <h4>Benefits to Customers: </h4>
        <p>iSpecimen’s technology provides medical researchers with high quality, data-rich biospecimens without the high cost and lengthy procurement times necessitated by CROs and biobanks. Customers from a range of research organizations - including academic institutions, government facilities, and biopharmaceutical/diagnostic companies – can significantly advance their translational research in a cost-effective manner with the iSpecimen solution. </p>
        <h4>Benefits to Partners:</h4>
        <p>iSpecimen’s partners – which include hospitals and clinical laboratories – increase their bottom line profitability by receiving a commission on each biospecimen delivered to customers while knowing they are helping to advance medical research. In addition, partner hospitals bolster their competitiveness for outside research and grant funding through their steady supply of annotated biospecimens and their enhanced patient database that are included as part of the iSpecimen system. </p>
        <h4>Founded:</h4>
    <p>2009</p>
    <h4>Contact:</h4>
    <p>iSpecimen Inc.<br />
    450 Bedford Street<br />
    Suite 2050<br />
    Lexington, MA  02420<br />
    Tel: (617) 279-2488</p>
      <!-- InstanceEndEditable -->
        <!-- end #LeftColumn2col --></div>
    <!-- end #mainContent -->
    </div><br class="clearfloat" />
    <div id="footer"><p class="ruleCenter">275 Grove Street, Newton, MA 02466 USA; 617-279-2488   |   <a href="sitemap.html">Site Map</a>   |  <a href="privacy.html"> Privacy Policy</a>   |   ©2011 iSpecimen, Inc.   |   <a href="terms.html">Terms of Use</a> </a></p><!-- end #footer --></div><!-- end #container --></div>
    </body>
    <!-- InstanceEnd --></html>

    This is all of the code from the file named two_column.dwt:
    <!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>iSpecimen</title>
    <!-- TemplateEndEditable -->
    <meta name="keywords" content="iSpecimen, biospecimen, human specimens, biorepository, biobank, CRO, medical research, blood, plasma, clinical trials, technology, solution, patient cohorts, electronic medical records, biospecimens, clinical samples, partner, electronic medical records, biospecimens, clinical samples, clinical specimens, clinical discards, corporate fact sheet, downloads, documents, white papers, brochures">
        <meta name="description" content="Biospecimen">
        <meta name="contact" content="[email protected], [email protected]">
        <meta name="robots" content="index, follow">
        <meta name="googlebot" content="index, follow, noarchive">
        <meta name="distribution" content="global">
        <meta name="revisit-after" content="1 days">
        <meta name="Author" content="iSpecimen">
        <meta name="Copyright" content="iSpecimen">
        <meta name="MSSmartTagsPreventParsing" content="TRUE">
    <link href="../css/isp.css" rel="stylesheet" type="text/css" />
    <link href="../css/txt.css" rel="stylesheet" type="text/css" />
    <link href="../css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    -->
    </style>
        <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-19251334-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    </head>
    <body>
    <div id="container">
    <div id="mainContent"><a href="../index.html"><img src="../img/ISP_logo.png" alt="iSpecimen" width="300" height="100" border="0" /></a>
    <div id="NavBar">
      <div id="NavBarTxt"><a href="../about.html">About Us</a>   |   <a href="../contact.html">Contact</a></p><!-- end #NavBarTxt --></div><!-- end #NavBar --></div>
      <div id="NavMain">
        <div id="NavMainTxt"><a href="../solutions.html">Solutions</a>      <a href="../labs_hosp.html">Labs &amp; Hospitals</a>      <a href="../research.html">Researchers</a>      <a href="../faq.html">FAQ</a><!-- end #NavMainTxt --></div><!-- end #NavMain --></div>
    <div id="secondarybanner"><!-- TemplateBeginEditable name="banner" -->
      <div id="bannerhead"><h5>Name of page enter here</h5></div>
    <!-- TemplateEndEditable --></div>
      <div id="rightColumn2col"><!-- TemplateBeginEditable name="rightcolumn" -->
        <p class="quote">This would be a quote this would be a quote or comment. This would be a quote. This would be a quote or call out or comment to fill the space.</p>
        <p class="quoteName">Joseph Jackson, XYZ Company </p>
        <h3>This Would Be A Subhead</h3>
        <p> Rud dolent irit at nisim aut at ea at. Giamet lum dolesti onsequi ea feum vendre magna feugait vullutpate minibh euipit digna facidunt wis acin.<a href="#"> Read more.</a></p>
        <h3>For More Information</h3>
        <p> Rud dolent irit at nisim aut at ea at. Giamet lum dolesti onsequi ea feum vendre magna feugait vullutpate minibh euipit digna facidunt wis acin.<a href="#"> Read more.</a></p>
        <p> </p>
      <!-- TemplateEndEditable --></div>
      <div id="LeftColumn2col"><!-- TemplateBeginEditable name="leftcolumn" -->
        <h1>Lorem Ipsum Set Dolor</h1>
        <p>iSpecimen provides medical researchers with timely, high-quality and data-rich biospecimens for their research programs. We do this without relying upon extensive biobanking or contract research organizations (CROs). Instead, we tap into the vast inventory of clinical laboratory specimens flowing daily through our partners’ labs – specimens that otherwise would get discarded. By linking this virtually unlimited supply of biospecimens to their associated electronic medical records, iSpecimen provides academic, pharmaceutical, biotech, and government researchers with a robust set of annotated specimens that help advance medical research. </p>
        <h4>This would be a subhead</h4>
        <p>iSpecimen provides medical researchers with timely, high-quality and data-rich biospecimens for their research programs. We do this without relying upon extensive biobanking or contract research organizations (CROs). Instead, we tap into the vast inventory of clinical laboratory specimens flowing daily through our partners’ labs – specimens that otherwise would get discarded. By linking this virtually unlimited supply of biospecimens to their associated electronic medical records, iSpecimen provides academic, pharmaceutical, biotech, and government researchers with a robust set of annotated specimens that help advance medical research. </p>
        <p>iSpecimen provides medical researchers with timely, high-quality and data-rich biospecimens for their research programs. We do this without relying upon extensive biobanking or contract research organizations (CROs). Instead, we tap into the vast inventory of clinical laboratory specimens flowing daily through our partners’ labs – specimens that otherwise would get discarded. By linking this virtually unlimited supply of biospecimens to their associated electronic medical records, iSpecimen provides academic, pharmaceutical, biotech, and government researchers with a robust set of annotated specimens that help advance medical research. </p>
      <!-- TemplateEndEditable -->
        <!-- end #LeftColumn2col --></div>
    <!-- end #mainContent -->
    </div><br class="clearfloat" />
    <div id="footer">
      <p class="ruleCenter">450 Bedford Street, Lexington, MA 02420 USA; 617-279-2488   |   <a href="../sitemap.html">Site Map</a>   |  <a href="../privacy.html"> Privacy Policy</a>   |   ©2011 iSpecimen, Inc.   |   <a href="../terms.html">Terms of Use</a> </a></p><!-- end #footer --></div><!-- end #container --></div>
    </body>
    </html>

  • Adding template break box model and font

    I have been working on this one for a few hours now and I can't figure it out. I am working with the HTML5 Boilerplate and recreating the home page for our company. When I do not include the template, the file works fine in IE. But the second I apply a template the whole page becomes broken and the IE box model applies and my font sizing gets messed up.
    I have included a link to the files on a testing server, if this is not allowed, let me know and I can put up the code.
    Excuse the cupcakes from FlexSlider, I have not yet finished that piece.
    Working (no template): http://www.qa.mpay.com/index.asp
    Not working (template): http://www.qa.mpay.com/copy.asp
    Do I just need to rework my entire code so that it is more compliant with the IE Box Model qualifications, ie. div inside of a div with width on one and padding/margin on the other?

    Alright here's the code for the one that's not working. After posting last night, I realized the links were probably only viewable internally.
    UPDATE: Just added <html> after <!doctype html> like I've seen you post about in another forum discussion. That seems to have fixed it. Why is that needed? Isn't it the html tag being opened in the line <html class="no-js" lang="en"> What I mean by this, is why does it work fine in other browsers when that is missing, but it messes up with IE?
    P.S. I'm starting to blame H5BP for poor documentation, but I'm learning a lot in the process.
    TEMPLATE: (without <html>)
    templates>template_page_home_new.dwt
    <!doctype html>
    <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
    <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
    <!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
    <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
      <meta charset="utf-8">
      <!-- Use the .htaccess and remove these lines to avoid edge case issues.
           More info: h5bp.com/b/378 -->
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>MPAY Inc.</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="tags" -->
    <meta name='description' content='Payroll Software/Services- Business Process Outsourcing, Reseller and Referral Programs for Payroll Providers, Brokers, CPAs, and more offered by MPAY Inc'/>
    <meta name='keywords' content='MPAY, payroll, payentry.com, millennium, millennium payroll, payroll processing, payroll software, online payroll, outsourcing, business process outsourcing,  timekeeping, Boston, MA, Charlotte, NC, work comp, workers comp, SecureView, online tax forms'/>
    <!-- TemplateEndEditable -->
      <!-- Mobile viewport optimized: j.mp/bplateviewport -->
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
      <!-- CSS: implied media=all -->
      <!-- CSS concatenated and minified via ant build script-->
      <link rel="stylesheet" href="../css/style.css">
      <link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen" />
      <!-- end CSS-->
        <!-- FlexSlider pieces -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
      <!-- All JavaScript at the bottom, except for Modernizr / Respond.
           Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
           For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
      <script src="../js/libs/modernizr-2.0.6.min.js"></script>
    </head>
    <body>
    <div id="container">
        <!-- Header Start -->
      <div id="navigation">
        <div id="logoregion">
              <div id="logo">
                  <a href="default.asp"><img src="../images/logo.gif" alt="mpay_logo" /></a>
              </div>
              <div id="headerlink">
                  <ul>
                          <li><a href="../client-login.asp"><p class="new">NEW!</p>  <img src="../images/blue_bullet_line.gif" alt=""> Client Login  </a></li>
                          <li><a href="contact_us.asp"><img src="../images/blue_bullet_line.gif" alt=""> Contact Us  </a></li>
                          <li><a href="careers.asp"><img src="../images/blue_bullet_line.gif" alt=""> Careers  </a></li>
                          <li><a href="about_us.asp"><img src="../images/blue_bullet_line.gif" alt=""> About Us</a></li></ul>
              </div>
              <div id="contact">
              (781) 810-9000<br />
              <a href="mailto:[email protected]">[email protected]</a>
              </div>
          </div>
          <div id="mainnav">
              <ul class="navigation-controls">
                      <li><a href="../index.html"><p class="navigation-text">Home</p></a></li>
                      <li><a href="../services.html"><p class="navigation-text">Services</p></a></li>
                      <li><a href="../products.html"><p class="navigation-text">Products</p></a></li>
                      <li><a href="../solutions.html"><p class="navigation-text">Solutions</p></a></li>
                      <li><a href="../support.html"><p class="navigation-text">Client Support</p></a></li>
                      <li class="nav-border-right"><a href="../resources.html"><p class="navigation-text">Resources</p></a></li>
               </ul>
          </div>
        </div> 
        <!-- Header End -->
      <!-- TemplateBeginEditable name="EditRegionContent" --><!-- TemplateEndEditable -->
        <!-- Footer Start -->
            <div id="footer">
              <div id="footercontent">
                  <div id="legal">
                  <a href="../index.html">MPAY Inc.</a>  |  
                  <a href="../legal.html">Legal Notices</a>  |  
                  <a href="../privacy.html">Your Privacy</a>
                  </div>
                  <div id="copyright">
                   <script type="text/javascript">
          now=new Date();
          year=now.getFullYear();
              </script>
                   &copy; Copyright
                   <script type="text/javascript">
          document.write (year);
                   </script>
                   MPAY, Inc. All Rights Reserved.</div>
             </div>
           </div>
      <!-- Footer End -->
       </div>
    <!-- JavaScript at the bottom for fast page loading -->
      <!-- TemplateBeginEditable name="JavaCode" --><!-- TemplateEndEditable -->
      <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.6.2.min.js"><\/script>')</script>
      <!-- scripts concatenated and minified via ant build script-->
      <script defer src="../js/plugins.js"></script>
      <script defer src="../js/script.js"></script>
      <!-- end scripts-->
        <!-- Act-On Analytics Code -->
         <script type="text/javascript">
           /* <![CDATA[ */
           document.write (
              '<img src="http://marketing.mpay.com/acton/bn/1170/visitor.gif?ts='+
              new Date().getTime()+
              '&ref='+escape(document.referrer) + '">'
           /* ]]> */
           </script>
      <!-- Google Analytics Code -->
      <script>
        window._gaq = [['_setAccount','UA-12607129-1'],['_trackPageview'],['_trackPageLoadTime']];
        Modernizr.load({
          load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
      </script>
    </body>
    </html>
    File it's being applied to:
    copy.asp
    <!-- InstanceBegin template="/Templates/template_page_home_new.dwt" codeOutsideHTMLIsLocked="false" --><!doctype html>
    <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
    <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
    <!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
    <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
      <meta charset="utf-8">
      <!-- Use the .htaccess and remove these lines to avoid edge case issues.
           More info: h5bp.com/b/378 -->
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>MPAY Inc.</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="tags" -->
    <meta name='description' content='Payroll Software/Services- Business Process Outsourcing, Reseller and Referral Programs for Payroll Providers, Brokers, CPAs, and more offered by MPAY Inc'/>
    <meta name='keywords' content='MPAY, payroll, payentry.com, millennium, millennium payroll, payroll processing, payroll software, online payroll, outsourcing, business process outsourcing,  timekeeping, Boston, MA, Charlotte, NC, work comp, workers comp, SecureView, online tax forms'/>
    <style type="text/css">
    <!--
    .style1 {color: #00274c}
    -->
    </style>
    <!-- InstanceEndEditable -->
      <!-- Mobile viewport optimized: j.mp/bplateviewport -->
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
      <!-- CSS: implied media=all -->
      <!-- CSS concatenated and minified via ant build script-->
      <link rel="stylesheet" href="css/style.css">
      <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
      <!-- end CSS-->
        <!-- FlexSlider pieces -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
      <!-- All JavaScript at the bottom, except for Modernizr / Respond.
           Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
           For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
      <script src="js/libs/modernizr-2.0.6.min.js"></script>
    </head>
    <body>
    <div id="container">
        <!-- Header Start -->
      <div id="navigation">
        <div id="logoregion">
              <div id="logo">
                  <a href="default.asp"><img src="images/logo.gif" alt="mpay_logo" /></a>
              </div>
              <div id="headerlink">
                  <ul>
                          <li><a href="client-login.asp"><p class="new">NEW!</p>  <img src="images/blue_bullet_line.gif" alt=""> Client Login  </a></li>
                          <li><a href="contact_us.asp"><img src="images/blue_bullet_line.gif" alt=""> Contact Us  </a></li>
                          <li><a href="careers.asp"><img src="images/blue_bullet_line.gif" alt=""> Careers  </a></li>
                          <li><a href="about_us.asp"><img src="images/blue_bullet_line.gif" alt=""> About Us</a></li></ul>
              </div>
              <div id="contact">
              (781) 810-9000<br />
              <a href="mailto:[email protected]">[email protected]</a>
              </div>
          </div>
          <div id="mainnav">
              <ul class="navigation-controls">
                      <li><a href="index.html"><p class="navigation-text">Home</p></a></li>
                      <li><a href="services.html"><p class="navigation-text">Services</p></a></li>
                      <li><a href="products.html"><p class="navigation-text">Products</p></a></li>
                      <li><a href="solutions.html"><p class="navigation-text">Solutions</p></a></li>
                      <li><a href="support.html"><p class="navigation-text">Client Support</p></a></li>
                      <li class="nav-border-right"><a href="resources.html"><p class="navigation-text">Resources</p></a></li>
               </ul>
          </div>
        </div> 
        <!-- Header End -->
      <!-- InstanceBeginEditable name="EditRegionContent" --><!--! start of #container -->
        <div id="slideshow">
            <!--=============================
            Markup for FADE animation
            =================================-->
            <div class="flexslider">
            <ul class="slides">
                <li>
                    <a href="#"><img src="img/planet_hollywood.jpg" />
                    <div class="flex-caption">
                        <div id="slideone">
                            <h2 class="gold" >MPAY Sales &amp; Product <br />Roadmap Workshop</h2><br />
                            <h3 class="white">
                            March 2, 2012 / Las Vegas
                            <br />
                            </h3>
                             <br /> <br /> <br />
                            <p class="gold underline">
                            Learn more about IPPA Event
                            </p>
                        </div>
                    </div></a>
                </li>
                <li>
                    <a href="#"><img src="img/inacup_samoa.jpg" />
                    <div class="flex-caption">
                        <h2 >Our Products</h2><br />
                        <h3 >Payentry.com
                        <br />Secure and reliable online solution for payroll and human resource management
                        Millennium
                        <br />User-friendly PC solution provides a flexible system with robust functionality
                        </h3>
                    </div></a>
                </li>
                <li>
                    <a href="#"><img src="img/inacup_donut.jpg" />
                    <div class="flex-caption">
                        <h2 >Our Solutions</h2><br />
                        <h3 >Business Process Outsourcing<br />
                    Reseller Program<br />
                    Referral Program<br />
                    Direct Services
                        </h3>
                    </div></a>
                </li>
                <li>
                    <a href="#"><img src="img/inacup_pumpkin.jpg" />
                    <div class="flex-caption">
                        <h2 >Compliance &amp; Security</h2><br />
                        <h3 >Payroll Processing and Tax Management<br />
                    Employee Management<br />
                    New Hire Reporting<br />
                    Workers’ Compensation<br />
                    Wage Garnishment<br />
                    COBRA Administration
                        </h3>
                    </div></a>
                </li>
                <li>
                    <a href="#"><img src="img/inacup_donut.jpg" />
                    <div class="flex-caption">
                        <h2 >Paperless Solutions</h2><br />
                        <h3 >Secure Document Delivery via SecureView<br />
                    Employee Self Service with Online Tax Forms<br />
                    Money Network Payroll Distribution Service
                        </h3>
                    </div></a>
                </li>
            </ul>
            <div >
            <ul class="custom-controls">
                    <li><a href="#">Upcoming Events</a></li>
                    <li><a href="#">Our Products</a></li>
                    <li><a href="#">Our Solutions</a></li>
                    <li><a href="#">Compliance & Security</a></li>
                    <li><a href="#">Paperless Solutions</a></li>
             </ul>
             </div>           
          </div>
        </div>
        <div id="main" role="main">
            <div id="banner">
              <div id="leftbanner" class="bluedropshadow">Learn how MPAY can find a <br />solution that’s right for you.</div>
              <div id="bannerdivision">
              <img src="img/banner_division.png" alt="" />
              </div>
              <div id="rightbanner">
                <div id="emailbutton">
                <a href="#"><img src="img/email_us_button.png" alt="Email Us!" /></a></div>
                <div id="or" class="bluedropshadow">or</div>
                <div id="callus">
                Call us today at<br />
                781-810-9000</div>
              </div>
            </div>
          <div id="bannerbottom">
              </div>
            <div id="leftcol">
              <div id="introduction">
              <p>MPAY Inc. is a <a href="#">payroll software</a> and <a href="#">services</a> company providing strategic <a href="#">business solutions</a> to employers and business partners nationwide. MPAY presents a variety of programs, including <a href="#">business process outsourcing</a>, to a wide range of <a href="#">industries</a>. MPAY’s offerings streamline processes, improve productivity, and simplify administration, allowing clients to get the most out of their workday.</p>
              </div>
              <div id="twitterfeed">
                  <div id="twitterlogo">
                  <h4>Twitter<br />Feed</h4>
                  </div>
                  <div id="twitter">  
                  </div>
                <p class="viewall"><a href="#">View All</a></p>
              </div>
            </div>
            <div id="rightcol">
              <div id="mediacenter">
                <div>
                <h4>Media Center</h4>
                </div>
                <div id="medialinks">
                <p class="medialinks"><a href="#"><img class="mediaicons" src="img/news_icon.png" alt="News Icon" />News</a></p>
                <p class="medialinks"><a href="#"><img class="mediaicons" src="img/press_icon.png" alt="Press Release Icon" />Press Releases</a></p>
                <p class="medialinks"><a href="#"><img class="mediaicons" src="img/calendar_icon.png" alt="Calendar Icon" />Calendar</a></p>
                <p class="medialinks"><a href="#"><img class="mediaicons" src="img/client_icon.png" alt="Client Testimonials Icon" />Client Testimonials</a></p>
                </div>
              </div>
              <div id="affandawards">
                <div id="affandawardstitle">
                <h4>Affiliates &amp; Awards</h4>
                </div>
                <div id="affandawardsframe">
                  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="150" title="sponsors_small">
                    <param name="movie" value="sponsors_small.swf">
                    <param name="quality" value="high">
                    <embed src="sponsors_small.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="150"></embed>
                  </object>
                </div>
              </div>
              <div id="socialmedia">
                <div id="reachout">
                Reach <br />Out To Us!
                </div>
                <div id="socialarrow">
                <img src="img/social_arrow.gif">
                </div>
                <div id="socialicons">
                <a href="#"><img class="socialmediaicons" src="img/facebook_30px.gif" alt="Facebook Icon" /></a>
                <a href="#"><img class="socialmediaicons" src="img/twitter_30px.gif" alt="Twitter Icon" /></a>
                <a href="#"><img class="socialmediaicons" src="img/linkedin_30px.gif" alt="LinkedIn Icon" /></a>
                </div>
              </div>
            </div>
        </div>
    <!--! end of #container -->
    <!-- InstanceEndEditable -->
        <!-- Footer Start -->
            <div id="footer">
              <div id="footercontent">
                  <div id="legal">
                  <a href="index.html">MPAY Inc.</a>  |  
                  <a href="legal.html">Legal Notices</a>  |  
                  <a href="privacy.html">Your Privacy</a>
                  </div>
                  <div id="copyright">
                   <script type="text/javascript">
          now=new Date();
          year=now.getFullYear();
              </script>
                   &copy; Copyright
                   <script type="text/javascript">
          document.write (year);
                   </script>
                   MPAY, Inc. All Rights Reserved.</div>
             </div>
           </div>
      <!-- Footer End -->
       </div>
    <!-- JavaScript at the bottom for fast page loading -->
      <!-- InstanceBeginEditable name="JavaCode" -->
            <!-- Hook up the FlexSlider -->
        <script type="text/javascript">
            $(window).load(function() {
                $('.flexslider').flexslider({
                    manualControls: '.custom-controls li a'
        </script>
        <!-- Twitter Feed -->
    <script type="text/javascript">
    $(document).ready(function(){
        $.getJSON('http://twitter.com/status/user_timeline/MPAYInc.json?count=3&callback=?', function(data){
            $.each(data, function(index, item){
                $('#twitter').append('<div class="tweet"><p>' + item.text.linkify() + '</p><p class="timestamp">' + relative_time(item.created_at) + '</p></div>');
        function relative_time(time_value) {
          var values = time_value.split(" ");
          time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
          var parsed_date = Date.parse(time_value);
          var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
          var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
          delta = delta + (relative_to.getTimezoneOffset() * 60);
          var r = '';
          if (delta < 60) {
            r = 'a minute ago';
          } else if(delta < 120) {
            r = 'couple of minutes ago';
          } else if(delta < (45*60)) {
            r = (parseInt(delta / 60)).toString() + ' minutes ago';
          } else if(delta < (90*60)) {
            r = 'an hour ago';
          } else if(delta < (24*60*60)) {
            r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
          } else if(delta < (48*60*60)) {
            r = '1 day ago';
          } else {
            r = (parseInt(delta / 86400)).toString() + ' days ago';
          return r;
        String.prototype.linkify = function() {
            return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
                return m.link(m);
    </script><!-- InstanceEndEditable -->
      <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../js/libs/jquery-1.6.2.min.js"><\/script>')</script>
      <!-- scripts concatenated and minified via ant build script-->
      <script defer src="js/plugins.js"></script>
      <script defer src="js/script.js"></script>
      <!-- end scripts-->
        <!-- Act-On Analytics Code -->
         <script type="text/javascript">
           /* <![CDATA[ */
           document.write (
              '<img src="http://marketing.mpay.com/acton/bn/1170/visitor.gif?ts='+
              new Date().getTime()+
              '&ref='+escape(document.referrer) + '">'
           /* ]]> */
           </script>
      <!-- Google Analytics Code -->
      <script>
        window._gaq = [['_setAccount','UA-12607129-1'],['_trackPageview'],['_trackPageLoadTime']];
        Modernizr.load({
          load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
      </script>
    </body>
    <!-- InstanceEnd --></html>
    CSS
    css>style.css
    * HTML5 ✰ Boilerplate
    * What follows is the result of much research on cross-browser styling.
    * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
    * Kroc Camen, and the H5BP dev community and team.
    * Detailed information about this CSS: h5bp.com/css
    * ==|== normalize ==========================================================
    /* =============================================================================
       HTML5 display definitions
       ========================================================================== */
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }
    /* =============================================================================
       Base
       ========================================================================== */
    * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
    * 2. Force vertical scrollbar in non-IE
    * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    body { margin: 0; font-size: 100%; line-height: 150%; }
    body, button, input, select, textarea { font-family: sans-serif; color: #222; }
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection declarations have to be separate
    * Also: hot pink! (or customize the background color to match your design)
    ::-moz-selection { background: #496793; color: #fff; text-shadow: none; }
    ::selection { background: #496793; color: #fff; text-shadow: none; }
    /* =============================================================================
       Links
       ========================================================================== */
    a { color: #00e; }
    a:visited { color: #551a8b; }
    a:hover { color: #06e; }
    a:focus { outline: thin dotted; }
    /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
    a:hover, a:active { outline: 0; }
    /* =============================================================================
       Typography
       ========================================================================== */
    abbr[title] { border-bottom: 1px dotted; }
    b, strong { font-weight: bold; }
    blockquote { margin: 1em 40px; }
    dfn { font-style: italic; }
    hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
    ins { background: #ff9; color: #000; text-decoration: none; }
    mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
    /* Redeclare monospace font family: h5bp.com/j */
    pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
    /* Improve readability of pre-formatted text in all browsers */
    pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
    q { quotes: none; }
    q:before, q:after { content: ""; content: none; }
    small { font-size: 85%; }
    /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
    sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }
    /* =============================================================================
       Lists
       ========================================================================== */
    ul, ol { margin: 0em 0; padding: 0 0 0 0px; }
    dd { margin: 0 0 0 40px; }
    nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
    /* =============================================================================
       Embedded content
       ========================================================================== */
    * 1. Improve image quality when scaled in IE7: h5bp.com/d
    * 2. Remove the gap between images and borders on image containers: h5bp.com/e
    img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
    * Correct overflow not hidden in IE9
    svg:not(:root) { overflow: hidden; }
    /* =============================================================================
       Figures
       ========================================================================== */
    figure { margin: 0; }
    /* =============================================================================
       Forms
       ========================================================================== */
    form { margin: 0; }
    fieldset { border: 0; margin: 0; padding: 0; }
    /* Indicate that 'label' will shift focus to the associated form element */
    label { cursor: pointer; }
    * 1. Correct color not inheriting in IE6/7/8/9
    * 2. Correct alignment displayed oddly in IE6/7
    legend { border: 0; *margin-left: -7px; padding: 0; }
    * 1. Correct font-size not inheriting in all browsers
    * 2. Remove margins in FF3/4 S5 Chrome
    * 3. Define consistent vertical alignment display in all browsers
    button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
    * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
    * 2. Correct inner spacing displayed oddly in IE6/7
    button, input { line-height: normal; *overflow: visible; }
    * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
    table button, table input { *overflow: auto; }
    * 1. Display hand cursor for clickable form elements
    * 2. Allow styling of clickable form elements in iOS
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
    * Consistent box sizing and appearance
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
    input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
    * Remove inner padding and border in FF3/4: h5bp.com/l
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
    * 1. Remove default vertical scrollbar in IE6/7/8/9
    * 2. Allow only vertical resizing
    textarea { overflow: auto; vertical-align: top; resize: vertical; }
    /* Colors for form validity */
    input:valid, textarea:valid {  }
    input:invalid, textarea:invalid { background-color: #f0dddd; }
    /* =============================================================================
       Tables
       ========================================================================== */
    table { border-collapse: collapse; border-spacing: 0; }
    td { vertical-align: top; }
    /* =============================================================================
       Eric Meyer Reset Snippet
       ========================================================================== */
    /* http://meyerweb.com/eric/tools/css/reset/ */
    /* v1.0 | 20080212 */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;   
    /* ==|== primary styles =====================================================
       Author:
       ========================================================================== */
    body {
        max-width: 49.6875em;
        text-align: center;
        margin: auto;
        #container{
        text-align: left;
        margin: auto;
    a {
            color: #6699CC;
            text-align:left;
            text-decoration:underline;
            border: none;   
        a:link { color: #6699CC;}
        a:visited { color: #6699CC;}   
        a:hover { color: #496793;}   
        a:active { color: #496793;}
    /* ==|== text styles ====================================================== */
    p{
        color:#444444;
        font-family:Verdana, sans-serif;
    h2{
        font-size:2.5em;
        line-height:1.25em;
        letter-spacing:.02em;
        color:#00274c;
        font-weight:bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;   
    h3{
        font-size:1.5em;
        line-height:1.25em;
        letter-spacing:.02em;
        color:#00274c;
        font-weight:bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;   
    h4{
        font-size:1.3125em;
        line-height:1.25em;
        letter-spacing:.02em;
        color:#00274c;
        font-weight:normal;
        font-family:Verdana, sans-serif;   
    h5{
        font-size:1.3125em;
        line-height:1.25em;
        letter-spacing:.02em;
        color:#00274c;
        font-weight: bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;   
    /* ==|== navigation styles ====================================================== */
    /* Custom Nav */
    #navigation{
        margin:10px 20px 5px 20px;
        width:775px;
    #headerlink a:link { color: #666;}
    #headerlink a:visited { color: #666;}   
    #headerlink a:hover { color: #00274C;}   
    #headerlink a:active { color: #00274C;}   
    #headerlink li{
        font: .625em "Arial Narrow", sans-serif;
        display: inline;
        text-decoration: none;
        list-style-image:url(../images/blue_bullet.gif);
        letter-spacing:.08em;
    #headerlink a{
        text-decoration: none;
    #headerlink {
        padding: 2px 135px 0px 0px;
        float: right;
    .new {
        text-align:right;
        font: bold 1.175em "Arial Narrow", sans-serif;
        color:#8f9d4e;
        display:inline;
    #header {
        margin: 15px auto 0 auto;
        width:775px;
    #logoregion {
        width:775px;
        height: 91px;
        background:url(../images/header_small.gif) no-repeat 0 0;
    #contact{
        font: bold .75em/1.35em sans-serif;
        color: #919194;
        padding: 10px 135px 0 0px;
        float: right;
        text-align:right;
    .nav-border-right{
        border-right: 1px solid #6699cc;
    #logo {
        padding: 32px 0 0px 8px;
        float: left;
    #mainnav {
        width: 100%; width: 775px;
        height: 28px;
    .navigation-text{
        text-align: center;
        font-weight:bold;
        font-size:.75em;
        font-family: sans-serif;
        letter-spacing:.01em;
        padding-top:2px;}
    .navigation-controls {width: 100%;}
    .navigation-controls li {margin: 0 0 0 0px; float:left; display: inline-block; zoom: 1; *display: inline; list-style:none;}
    .navigation-controls li:first-child {margin: 0;}
    .navigation-controls li a {color: #00274c; text-align:center; width: 129px; height: 28px; display: block; background: url(../img/main_navigation_tab.gif) no-repeat 0 0; cursor: pointer; text-decoration:none;}
    .navigation-controls li a:hover {background-position: 0 -28px; color: #00274c; }
    .navigation-controls li a.active {background-position: 0 -28px; color: #00274c;  cursor: default; }
    #nav a:link { color: #000000;}
    #nav a:visited { color: #00274C;}   
    #nav a:hover { color: #919194;}   
    #nav a:active { color: #919194;}   
    #nav li{
        list-style-type: none;
        display: inline;
    div#nav a{
    float: left;
    text-decoration:none;
    padding-top: 2px;
    padding-right: 15px;
    /* ==|== slideshow styles ====================================================== */
    #slideshow {width: 100%; width: 775px; margin: 0 16px; }
    #slideone{
        width:60%;}
    .gold{
        color:#d79b00;}
    .white{
        color:#fff;}
    .underline{
        text-decoration:underline;}
    /* ==|== main styles =========================================================== */
    /* ==|== main content column styles ======================================================= */
    #main{
        background:url(../img/body_bg.jpg) no-repeat 0 0;
        width: 775px;
        height: 885px;
        display:inline-block;
        margin-top: 90px;
        padding: 30px 20px 0px 20px;
        background:url(../img/body_bg.jpg) no-repeat 0 0;
        width: 795px;
        display:inline-block;
        margin-top: 90px;
        padding: 30px 0px 0px 0px;
    #maincontent{
        height: 885px;
        padding: 0px 20px;
    /* ==|== banner styles ====================================================== */
    #banner{
        font-size:1.3125em;
        line-height:1.25em;
        letter-spacing:.02em;
        font-weight: bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;
        height: 70px;
        width: 755px;
        margin: 0px 0px 0px -10px;
        padding: 0px 20px 20px 20px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        -webkit-border-top-left-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        -khtml-border-top-left-radius: 2px;
        -khtml-border-top-right-radius: 2px;
        background-color: #496793;
        background-image: url(../img/banner_bg.gif);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#496793), to(#2c5079));
        background-image: -webkit-linear-gradient(top, #496793, #2c5079);
        background-image:    -moz-linear-gradient(top, #496793, #2c5079);
        background-image:     -ms-linear-gradient(top, #496793, #2c5079);
        background-image:      -o-linear-gradient(top, #496793, #2c5079);
    #leftbanner{
        float: left;
        padding-top:20px;}
    .bluedropshadow {
        color:#00274c;
        text-align:left;
        text-shadow: 1px 1px 1px #6882a4;}
    #bannerdivision{
        float: left;
        padding: 16px 20px 0 30px;}
    #rightbanner{
        float: right;
        padding-top:20px;
    #emailbutton{
        float: left;
        padding: 5px 0px 0px 0px;
    #or{
        float: left;
        padding: 13px 25px 10px 20px;}
    #callus{
        color:#ffffff;
        width: 180px;
        text-align:right;
        text-shadow: 1px 1px 1px #00274c;
        float: right;}
    #bannerbottom{
        height: 20px;
        background:url(../img/banner_bottom.jpg) no-repeat 0 0;
        width: 795px;
        margin: 0px 0px 0px -10px;
    /* ==|== left column styles ======================================================= */
    #leftcol{
        float: left;
        width: 485px;
    #introduction{
        padding: 15px;
        margin: 10px 30px 30px 30px;
        width: 390px;
        background-color:#FFFFFF;
        border: 1px solid #ededed;}
    #twitterfeed{
        text-align:right;
        margin: 30px;
        width: 415px;
    #twitterlogo{
        text-align:left;
        padding:37px 0 0 160px;
        height: 78px;
        background:url(../img/mpay_twitter_bird.png) no-repeat 0 0;
    .tweet {
        padding: 1px 0px 1px 0px;
        margin: 7px 0;
        text-align:left;
        font-family: Verdana, sans-serif;
        font-size:.75em;
        line-height:1.75em;
    .timestamp {
        text-align:right;
        font-weight: normal;
        color:#8f9d4e;
    .viewall {
        padding: 12px 0 0 0;
    /* ==|== right column styles ====================================================== */
    #rightcol{
        float: right;
        width: 290px;
    #mediacenter{
        margin: 10px 30px 50px 30px;
    #medialinks{
        padding: 10px 0 0 0;
    .mediaicons{
        vertical-align:middle;
        padding: 0px 10px 0 0;
    .medialinks{
        vertical-align:middle;
        padding: 10px 0 0 0;
    #viewall {
        padding: 12px 0 0 0;
    #affandawards{
        margin: 50px 5px 23px 14px;
    #affandawardstitle{
        margin: 0px 25px 0px 16px;
    #affandawardsframe{
        margin: 20px 0 0 0;
        padding: 27px 40px 50px 29px;
        background:url(../img/flash_bg.png) no-repeat 0 0;
    #socialmedia{
        margin: 23px 30px 30px 30px;
    #reachout{
        float:left;
        font-size:1.875em;
        line-height:1.25em;
        color:#8f9d4e;
        font-weight:bold;
        font-family:Avant Garde Gothic, ITC Avant Garde Gothic, AvantGarde Md BT, AvantGarde Bk BT, Avant Garde, Century Gothic, Arial, sans-serif;   
    #socialarrow{
        float: right;
        padding: 20px 0 0 0;
    #socialicons{
        float: left;
        padding: 15px 0 0 0;
    .socialmediaicons{
        padding: 0 5px 0 0;
    /* ==|== footer styles =

  • Help! Template problem?

    Dear Adobe Friends!
    Help! I'm having major difficulty updating a client site with Dreamweaver 8. I created the site OK initially some months ago - and any updates to editable regions worked just fine - but then I passed it all onto a PHP developer who added some shopping cart functionality for me. Now, when I re-download the DW template he has worked on along with the associated .php and .html files, my updates/edits cause all manner of ugly problems, including what looks like duplication of the HEAD content and spurious unclosed <a> tags. Both he and I are mystified by this.
    The source code of the template and one of the associated files is below, along with a screenshot of the problem. Any brilliant insights you all might into why this is happening most gratefully received!
    Kind regards
    Mark Birkett - Director, Dalemedia Ltd - Manchester UK - www.dalemedia.com
    DW8 template (sitetemplatenew.dwt):
    <!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>Natural Deodorants | Natural Deodorant Spray | Crystal Deodorant</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <META NAME="keywords" CONTENT="Natural Deodorant, Natural Deodorant Spray, Crystal Deodorant, Herbal Natural Deodorant, Best Natural Deodorant, Natural Deodorant Crystal, Natural Deodorant Spray, Aluminium Free, Anti-perspirant, No Animal testing">
    <META NAME="description" CONTENT="Looking for a natural deodorant? Try Dr Frielgood's natural deodorant spray today! Aluminium-free! Tested on humans only! Work with nature, not against it...">
    <!-- TemplateEndEditable -->
    <!-- MB - The next script makes the clock work -->
    <script type="text/javascript">
    currenttime = '<? print date("F d, Y H:i:s", time())?>'
    var montharray=new Array("January","February","March","April","May","June","July","August","September","Octo ber","November","December")
    var serverdate=new Date(currenttime)
    function padlength(what){
    var output=(what.toString().length==1)? "0"+what : what
    return output
    function displaytime(){
    serverdate.setSeconds(serverdate.getSeconds()+1)
    var datestring=montharray[serverdate.getMonth()]+" "+padlength(serverdate.getDate())+", "+serverdate.getFullYear()
    var timestring=padlength(serverdate.getHours())+":"+padlength(serverdate.getMinutes())+":"+pa dlength(serverdate.getSeconds())
    document.getElementById("servertime").innerHTML=datestring+" "+timestring
    window.onload=function(){
    setInterval("displaytime()", 1000)
    </script>
    <!-- MB - The next scripts contain any (template) in-line styles -->
    <link href="../style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(../images/diagonal-stripe-background.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <table width="100%" border="0">
    <tr>
      <td> </td>
    </tr>
    <tr>
      <td>
       <table width="985" border="0" align="center" bgcolor="#FFFFFF" class="borderall">
        <tr>
         <td colspan="3">
          <table width="100%" border="0" class="borderbottom">
           <tr>
            <td width="77%" height="21"><p align="left" class="clocktime"><b>Dr Frielgood says it's: </b><span id="servertime" class="clocktime"></span></p></td>
            <td width="23%" align="right" valign="middle"><a href="../careers.php">CAREERS</a> | <a href="../terms-and-conditions.php">OUR TERMS </a></td>
           </tr>
          </table>
         </td>
        </tr>
        <tr>
         <td colspan="3"><img src="../images/toplogo.jpg" alt="Welcome to Dr Frielgood - Working with nature, not against it" title="Welcome to Dr Frielgood - Working with nature, not against it" width="985" height="150" /></td>
        </tr>
        <tr>
         <td colspan="3"></td>
        </tr>
        <tr>
         <td colspan="3" align="left" valign="top">
          <table width="100%" border="0" cellpadding="3" class="bordertopbottom">
           <tr>
            <td align="left" valign="middle">
             <a href="../index.php">HOME</a> |
             <a href="../our-products.php">WHY USE  NATURAL DEODORANTS?</a> |
             <a href="http://www.facebook.com" target="_blank">FACEBOOK</a> |
             <a href="../useful-links.php">LINKS</a> |
             <a href="../faqs.php">FAQs</a> |
             <a href="../basket.php">EDIT ORDER</a> |
             <a href="../checkout.php">GO TO CHECKOUT</a> |
             <a href="../contact-us.php">CONTACT US</a>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <tr>
         <td width="180" align="left" valign="top">
          <table width="100%" border="0" class="borderall">
           <tr>
            <td bgcolor="#660099"><span class="featuretitles">VIEW OUR CATALOGUE</span></td>
           </tr>
           <tr height="10">
            <td></td>
           </tr>
    <?php
    for( $i = 0; $i < $NumMenuCats; $i++ ) {
    if( !isset($LeftMenuCats[$i]["LevelOffset"]) ) $LeftMenuCats[$i]["LevelOffset"] = "";
    ?>
           <tr>
            <td colspan="2" class="producttext">
             <?=$LeftMenuCats[$i]["LevelOffset"];?><img src="../images/square.jpg" alt="Button Icon" width="10" height="10" /> 
             <a href="<?php echo $_SERVER["PHP_SELF"];?>?CurrentCat=<?php echo $LeftMenuCats[$i]["mcmsCategoryID"];?>&amp;ProductID=<?=$ProductID;?>"><?=$LeftMenuCats[$ i]["mcmsTitle"];?></a>
            </td>
           </tr>
    <?php
    if( $LeftMenuCats[$i]["mcmsCategoryID"] == $CurrentCat ) {
      for( $j = 0; $j < $NumProducts; $j++ ) {
    ?>
           <tr>
            <td class="producttext">
                       <a href="../catalogue-details.php?CurrentCat=<?=$LeftMenuCats[$i]["mcmsCategoryID"];?>&amp;P roductID=<?=$LeftMenuProducts[$j]["mcmsProductID"];?>"><?=$LeftMenuProducts[$j]["mcmsTitle "];?></a>
            </td>
           </tr>
    <?php
    if( $NumMenuCats < 1 ) {
    ?>
           <tr>
            <td>Products have not yet been added to this category.</td>
           </tr>
    <?php
    ?>
           <tr>
            <td> </td>
           </tr>
           <tr>
            <td> </td>
           </tr>
          </table>
          <br />
          <table width="100%" border="0" class="borderall">
           <tr>
            <td bgcolor="#660099"><span class="featuretitles">OUR CUSTOMERS SAY... </span></td>
           </tr>
           <tr>
            <td>
             <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="180" height="180" title="xfv">
             <param name="movie" value="../vertical-scroll.swf" />
             <param name="quality" value="high" />
             <embed src="../vertical-scroll.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="180" height="180"></embed>
             </object>
            </td>
           </tr>
          </table>
          <br />
          <table width="100%" border="0" class="borderall">
           <tr>
            <td align="left" valign="top" bgcolor="#660099"><span class="featuretitles">LATEST NEWS </span></td>
           </tr>
           <tr>
            <td align="left" valign="top" class="latestnewstext">
             <br />
             June 2011: <br />
             Dr Frielgood website launches! <br /><br />
             June 2011: <br />
             Dr Frielgood developing new soap product! <br /><br />
             </p>
            </td>
           </tr>
          </table>
          <br />
         </td>
         <td width="530" align="left" valign="top">
         <!-- TemplateBeginEditable name="CentreContent" -->
         <!-- TemplateEndEditable -->
         </td>
         <td width="275" align="right" valign="top">
          <table width="100%" border="0" class="borderall">
           <tr>
            <td colspan="3" align="left" valign="top" bgcolor="#660099" class="featuretitles">YOUR SHOPPING BASKET </td>
           </tr>
    <?php
    if( $NumBasketItems < 1 ) {
    ?>
           <tr>
            <td colspan="3" align="left" valign="top" class="pricingboxtext"><div align="left" class="requiredfieldtext">You have nothing in your shopping basket...</div></td>
           </tr>
    <?php
    ?>
           <tr>
            <td width="54%" align="left" valign="top" bgcolor="#eeeeee" class="pricingboxtext">Item</td>
            <td width="29%" align="left" valign="top" bgcolor="#eeeeee" class="pricingboxtext">Qty</td>
            <td width="17%" align="left" valign="top" bgcolor="#eeeeee" class="pricingboxtext">Price</td>
           </tr>
           <tr>
            <td align="left" valign="top" class="pricingboxtext"> </td>
            <td align="left" valign="top" class="pricingboxtext"> </td>
            <td align="left" valign="top" class="pricingboxtext"> </td>
           </tr>
    <?php
    for( $i = 0; $i < $NumBasketItems; $i++ ) {
    ?>
           <tr>
            <td align="left" valign="top" class="pricingboxtext"><?=$BasketItemDetails[$i]["mcmsTitle"];?></td>
            <td align="left" valign="top" class="pricingboxtext"><?=$BasketItemDetails[$i]["mcmsQuantity"];?></td>
            <td align="left" valign="top" class="pricingboxtext">&pound;<?=$BasketItemDetails[$i]["LineTotal"];?></td>
           </tr>
    <?php
    } //for( $i = 0; $i < $NumBasketItems; $i++ ) {
    ?>
           <tr>
            <td colspan="3" align="left" valign="top" class="pricingboxtext"> </td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top" bgcolor="#EEEEEE" class="pricingboxtext">POSTAGE </td>
            <td align="left" valign="top" class="pricingboxtext"><?=$TotalPostage;?></td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top" bgcolor="#EEEEEE" class="pricingboxtext">TOTAL </td>
            <td align="left" valign="top" class="pricingboxtext"><?=$FinalTotal;?></td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top"> </td>
            <td align="left" valign="top"> </td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top"><a href="#"><img src="../images/credit-card-logos-small.jpg" alt="We accept all major credit cards! All transactions secured by Barclays ePDQ Payment System" width="180" height="32" border="0" title="We accept all major credit cards! All transactions secured by Barclays ePDQ Payment System" /></a></td>
            <td align="left" valign="top"><a href="../basket.php"><img src="../images/shopping-cart-icon-medium.png" alt="Your shopping purchases so far..." title="Your shopping purchases so far..." width="40" height="34" border="0" /></a></td>
           </tr>
          </table>
          <br />
          <table width="100%" border="0" class="borderall">
           <tr>
            <td colspan="2" align="left" valign="top" bgcolor="#660099" class="featuretitles">JOIN OUR FREE NEWSLETTER! </td>
           </tr>
    <?php
    if( $ShowNewsThankyou != "yes" ) {
    if( strlen($NewsError) > 0 ) {
    ?>
           <tr>
            <td colspan="2" align="left" valign="top" class="maintext">
             <span class="requiredfieldtext"><?=$NewsError;?></span>
            </td>
           </tr>
    <?php
    ?>
           <form action="<?=$_SERVER["PHP_SELF"];?>" method="post">
           <tr>
            <td colspan="2" align="left" valign="top" class="maintext">If you would like to receive our quarterly newsletter full of health tips, special offers and industry news, please complete the form below. We'll even enter you into our quarterly prize draw to win a FREE gift! </td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top" class="requiredfieldtext"> </td>
           </tr>
           <tr>
            <td align="left" valign="top" bgcolor="#eeeeee" class="formitemstext">Your Name </td>
            <td align="left" valign="top"><input name="mcmsNewsName" type="text" class="formtextboxes" value="<?php if( isset($_POST["mcmsNewsName"]) ) echo htmlspecialchars(stripslashes($_POST["mcmsNewsName"]));?>" /></td>
           </tr>
           <tr>
            <td width="45%" align="left" valign="top" bgcolor="#eeeeee" class="formitemstext">Your Email </td>
            <td width="55%" align="left" valign="top"><input name="mcmsNewsEmail" type="text" class="formtextboxes" value="<?php if( isset($_POST["mcmsNewsEmail"]) ) echo htmlspecialchars(stripslashes($_POST["mcmsNewsEmail"]));?>" /></td>
           </tr>
           <tr>
            <td align="center" valign="middle">
             <img src="../images/newsletter-icon-2.png" alt="Join our FREE quarterly newsletter! Lots of information about Dr Frielgood including special offers and discounts for members!" width="50" height="48" border="0" title="Join our FREE quarterly newsletter! Lots of information about Dr Frielgood including special offers and discounts for members!" />
            </td>
            <td align="left" valign="top">
             <input type="hidden" name="mcmsAction" value="newsletter" />
             <label><input name="Submit" type="submit" class="formbuttons" value="Submit" /></label>
            </td>
           </tr>
           </form>
    <?php
    else {
    ?>
           <tr>
            <td colspan="2" align="left" valign="top" class="maintext">
             <span class="requiredfieldtext">Thankyou, your entry has been received!</span>
            </td>
           </tr>
    <?php
    ?>
           <tr>
            <td align="center" valign="middle"> </td>
            <td align="left" valign="top"> </td>
           </tr>
          </table>
          <br />
          <table width="100%" border="0" class="borderall">
           <tr>
            <td align="left" valign="top" bgcolor="#660099"><span class="featuretitles">SEE OUR SOCIAL MEDIA PAGES </span></td>
           </tr>
           <tr>
            <td align="center" valign="top">
             <table width="100%" border="0" align="center">
              <tr>
               <td height="21" align="center" valign="middle">
                <!-- AddThis Button BEGIN -->
                <div class="addthis_toolbox addthis_default_style ">
                <div align="center"><a href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=xa-4d73a367659a9f30" class="addthis_button_compact">Share</a> <span class="addthis_separator">|</span> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a></div>
                </div>
                <div align="center">
                <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4d73a367659a9f30"></script>
                <!-- AddThis Button END -->
                </div>
               </td>
              </tr>
             </table>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <tr>
         <td colspan="3" align="center" valign="middle"> </td>
        </tr>
        <tr>
         <td colspan="3" align="center" valign="middle">
          <table width="100%" border="0" cellpadding="3" class="bordertopbottom">
           <tr>
            <td align="center" valign="middle">
             <a href="../index.php">HOME</a> |
             <a href="../our-products.php">WHY USE  NATURAL DEODORANTS?</a> |
             <a href="http://www.facebook.com" target="_blank">FACEBOOK</a> |
             <a href="../useful-links.php">LINKS</a> |
             <a href="../faqs.php">FAQs</a> |
             <a href="../basket.php">EDIT ORDER</a> |
             <a href="../checkout.php">GO TO CHECKOUT</a> |
             <a href="../contact-us.php">CONTACT US</a>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <tr>
         <td colspan="3" align="center" valign="middle"> </td>
        </tr>
       </table>
      </td>
    </tr>
    <tr>
      <td height="300" align="center" valign="top" background="../images/deep-gradient.jpg" bgcolor="#FFFFFF">
       <div align="center">
       <p><span class="copyrighttext"><br />
       &copy; Dr Frielgood 2011, 5 Piccadilly Place, Manchester, M1 3BP, UK - <a href="mailto:[email protected]">[email protected]</a></span><br /><br />
       <a href="http://www.dalemedia.com" target="_blank"><img src="../images/dalemedia-logo-white-small.jpg" alt="Dalemedia - Web Design Manchester" width="80" height="100" border="0" title="Dalemedia - Web Design Manchester" /></a></a></p>
       <p><a href="http://www.dalemedia.com" target="_blank"><span style="color:#666666; font-size:10px; font-weight: bold">Dalemedia - Web Design Manchester</span></a></p>
       </div>
      </td>
    </tr>
    </table>
    </body>
    </html>
    Associated file (index.php):
    <?php
    $CMSSection = "frontcatalogue";
    require_once("mcms/mcmsmain.php");
    require_once("mcms/frontend/cataloguecode.php");
    require_once("mcms/frontend/basketcode.php");
    require_once("mcms/frontend/newslettercode.php");
    ?>
    <!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"><!-- InstanceBegin template="Templates/sitetemplatenew.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Natural Deodorants | Natural Deodorant Spray | Crystal Deodorant</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <META NAME="keywords" CONTENT="Natural Deodorant, Natural Deodorant Spray, Crystal Deodorant, Herbal Natural Deodorant, Best Natural Deodorant, Natural Deodorant Crystal, Natural Deodorant Spray, Aluminium Free, Anti-perspirant, No Animal testing">
    <META NAME="description" CONTENT="Looking for a natural deodorant? Try Dr Frielgood's natural deodorant spray today! Aluminium-free! Tested on humans only! Work with nature, not against it...">
    <style type="text/css">
    <!--
    #Textbox {position:absolute;
    width:500px;
    height:650px;
    z-index:1;
    overflow: auto;
    visibility: visible;
    -->
    </style>
    <!-- InstanceEndEditable -->
    <!-- MB - The next script makes the clock work -->
    <script type="text/javascript">
    currenttime = '<? print date("F d, Y H:i:s", time())?>'
    var montharray=new Array("January","February","March","April","May","June","July","August","September","Octo ber","November","December")
    var serverdate=new Date(currenttime)
    function padlength(what){
    var output=(what.toString().length==1)? "0"+what : what
    return output
    function displaytime(){
    serverdate.setSeconds(serverdate.getSeconds()+1)
    var datestring=montharray[serverdate.getMonth()]+" "+padlength(serverdate.getDate())+", "+serverdate.getFullYear()
    var timestring=padlength(serverdate.getHours())+":"+padlength(serverdate.getMinutes())+":"+pa dlength(serverdate.getSeconds())
    document.getElementById("servertime").innerHTML=datestring+" "+timestring
    window.onload=function(){
    setInterval("displaytime()", 1000)
    </script>
    <!-- MB - The next scripts contain any (template) in-line styles -->
    <link href="style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(images/diagonal-stripe-background.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <table width="100%" border="0">
    <tr>
      <td> </td>
    </tr>
    <tr>
      <td>
       <table width="985" border="0" align="center" bgcolor="#FFFFFF" class="borderall">
        <tr>
         <td colspan="3">
          <table width="100%" border="0" class="borderbottom">
           <tr>
            <td width="77%" height="21"><p align="left" class="clocktime"><b>Dr Frielgood says it's: </b><span id="servertime" class="clocktime"></span></p></td>
            <td width="23%" align="right" valign="middle"><a href="careers.php">CAREERS</a> | <a href="terms-and-conditions.php">OUR TERMS </a></td>
           </tr>
          </table>
         </td>
        </tr>
        <tr>
         <td colspan="3"><img src="images/toplogo.jpg" alt="Welcome to Dr Frielgood - Working with nature, not against it" title="Welcome to Dr Frielgood - Working with nature, not against it" width="985" height="150" /></td>
        </tr>
        <tr>
         <td colspan="3"></td>
        </tr>
        <tr>
         <td colspan="3" align="left" valign="top">
          <table width="100%" border="0" cellpadding="3" class="bordertopbottom">
           <tr>
            <td align="left" valign="middle">
             <a href="index.php">HOME</a> |
             <a href="our-products.php">WHY USE  NATURAL DEODORANTS?</a> |
             <a href="http://www.facebook.com" target="_blank">FACEBOOK</a> |
             <a href="useful-links.php">LINKS</a> |
             <a href="faqs.php">FAQs</a> |
             <a href="basket.php">EDIT ORDER</a> |
             <a href="checkout.php">GO TO CHECKOUT</a> |
             <a href="contact-us.php">CONTACT US</a>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <tr>
         <td width="180" align="left" valign="top">
          <table width="100%" border="0" class="borderall">
           <tr>
            <td bgcolor="#660099"><span class="featuretitles">VIEW OUR CATALOGUE</span></td>
           </tr>
           <tr height="10">
            <td></td>
           </tr>
    <?php
    for( $i = 0; $i < $NumMenuCats; $i++ ) {
    if( !isset($LeftMenuCats[$i]["LevelOffset"]) ) $LeftMenuCats[$i]["LevelOffset"] = "";
    ?>
           <tr>
            <td colspan="2" class="producttext">
             <?=$LeftMenuCats[$i]["LevelOffset"];?><img src="images/square.jpg" alt="Button Icon" width="10" height="10" /> 
             <a href="<?php echo $_SERVER["PHP_SELF"];?>?CurrentCat=Templates/%3CTemplates/%3C!DOCTYPE%20html%20PUBLIC%20% 22--//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>Natural Deodorants | Natural Deodorant Spray | Crystal Deodorant</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <META NAME="keywords" CONTENT="Natural Deodorant, Natural Deodorant Spray, Crystal Deodorant, Herbal Natural Deodorant, Best Natural Deodorant, Natural Deodorant Crystal, Natural Deodorant Spray, Aluminium Free, Anti-perspirant, No Animal testing">
    <META NAME="description" CONTENT="Looking for a natural deodorant? Try Dr Frielgood's natural deodorant spray today! Aluminium-free! Tested on humans only! Work with nature, not against it...">
    <!-- TemplateEndEditable -->
    <!-- MB - The next script makes the clock work -->
    <script type="text/javascript">
    currenttime = '<? print date("F d, Y H:i:s", time())?>'
    var montharray=new Array("January","February","March","April","May","June","July","August","September","Octo ber","November","December")
    var serverdate=new Date(currenttime)
    function padlength(what){
    var output=(what.toString().length==1)? "0"+what : what
    return output
    function displaytime(){
    serverdate.setSeconds(serverdate.getSeconds()+1)
    var datestring=montharray[serverdate.getMonth()]+" "+padlength(serverdate.getDate())+", "+serverdate.getFullYear()
    var timestring=padlength(serverdate.getHours())+":"+padlength(serverdate.getMinutes())+":"+pa dlength(serverdate.getSeconds())
    document.getElementById("servertime").innerHTML=datestring+" "+timestring
    window.onload=function(){
    setInterval("displaytime()", 1000)
    </script>
    <!-- MB - The next scripts contain any (template) in-line styles -->
    <link href="../style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(../images/diagonal-stripe-background.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <table width="100%" border="0">
    <tr>
      <td> </td>
    </tr>
    <tr>
      <td>
       <table width="985" border="0" align="center" bgcolor="#FFFFFF" class="borderall">
        <tr>
         <td colspan="3">
          <table width="100%" border="0" class="borderbottom">
           <tr>
            <td width="77%" height="21"><p align="left" class="clocktime"><b>Dr Frielgood says it's: </b><span id="servertime" class="clocktime"></span></p></td>
            <td width="23%" align="right" valign="middle"><a href="../careers.php">CAREERS</a> | <a href="../terms-and-conditions.php">OUR TERMS </a></td>
           </tr>
          </table>
         </td>
        </tr>
        <tr>
         <td colspan="3"><img src="../images/toplogo.jpg" alt="Welcome to Dr Frielgood - Working with nature, not against it" title="Welcome to Dr Frielgood - Working with nature, not against it" width="985" height="150" /></td>
        </tr>
        <tr>
         <td colspan="3"></td>
        </tr>
        <tr>
         <td colspan="3" align="left" valign="top">
          <table width="100%" border="0" cellpadding="3" class="bordertopbottom">
           <tr>
            <td align="left" valign="middle">
             <a href="../index.php">HOME</a> |
             <a href="../our-products.php">WHY USE  NATURAL DEODORANTS?</a> |
             <a href="http://www.facebook.com" target="_blank">FACEBOOK</a> |
             <a href="../useful-links.php">LINKS</a> |
             <a href="../faqs.php">FAQs</a> |
             <a href="../basket.php">EDIT ORDER</a> |
             <a href="../checkout.php">GO TO CHECKOUT</a> |
             <a href="../contact-us.php">CONTACT US</a>
            </td>
           </tr>
          </table>
         </td>
        </tr>
        <tr>
         <td width="180" align="left" valign="top">
          <table width="100%" border="0" class="borderall">
           <tr>
            <td bgcolor="#660099"><span class="featuretitles">VIEW OUR CATALOGUE</span></td>
           </tr>
           <tr height="10">
            <td></td>
           </tr>
    <?php
    for( $i = 0; $i < $NumMenuCats; $i++ ) {
    if( !isset($LeftMenuCats[$i]["LevelOffset"]) ) $LeftMenuCats[$i]["LevelOffset"] = "";
    ?>
           <tr>
            <td colspan="2" class="producttext">
             <?=$LeftMenuCats[$i]["LevelOffset"];?><img src="../images/square.jpg" alt="Button Icon" width="10" height="10" /> 
             <a href="<?php echo $_SERVER["PHP_SELF"];?>?CurrentCat=<?php echo $LeftMenuCats[$i]["mcmsCategoryID"];?>&amp;ProductID=<?=$ProductID;?>"><?=$LeftMenuCats[$ i]["mcmsTitle"];?></a>
            </td>
           </tr>
    <?php
    if( $LeftMenuCats[$i]["mcmsCategoryID"] == $CurrentCat ) {
      for( $j = 0; $j < $NumProducts; $j++ ) {
    ?>
           <tr>
            <td class="producttext">
                       <a href="../catalogue-details.php?CurrentCat=<?=$LeftMenuCats[$i]["mcmsCategoryID"];?>&amp;P roductID=<?=$LeftMenuProducts[$j]["mcmsProductID"];?>"><?=$LeftMenuProducts[$j]["mcmsTitle "];?></a>
            </td>
           </tr>
    <?php
    if( $NumMenuCats < 1 ) {
    ?>
           <tr>
            <td>Products have not yet been added to this cateory.</td>
           </tr>
    <?php
    ?>
           <tr>
            <td> </td>
           </tr>
           <tr>
            <td> </td>
           </tr>
          </table>
          <br />
          <table width="100%" border="0" class="borderall">
           <tr>
            <td bgcolor="#660099"><span class="featuretitles">OUR CUSTOMERS SAY... </span></td>
           </tr>
           <tr>
            <td>
             <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="180" height="180" title="xfv">
             <param name="movie" value="vertical-scroll.swf" />
             <param name="quality" value="high" />
             <embed src="vertical-scroll.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="180" height="180"></embed>
             </object>
            </td>
           </tr>
          </table>
          <br />
          <table width="100%" border="0" class="borderall">
           <tr>
            <td align="left" valign="top" bgcolor="#660099"><span class="featuretitles">LATEST NEWS </span></td>
           </tr>
           <tr>
            <td align="left" valign="top" class="latestnewstext">
             <br />
             June 2011: <br />
             Dr Frielgood website launches! <br /><br />
             June 2011: <br />
             Dr Frielgood developing new soap product! <br /><br />
             </p>
            </td>
           </tr>
          </table>
          <br />
         </td>
         <td width="530" align="left" valign="top">
         <!-- InstanceBeginEditable name="CentreContent" -->
    <table width="100%" border="0">
    <tr>
      <td colspan="2" align="left" valign="top" bgcolor="#eeeeee" class="pagetitles">About Us <a href="index.php" class="breadcrumbtext">HOME</a><span class="breadcrumbtext"> &gt; ABOUT US </span></td>
    </tr>
    <tr>
      <td width="50%" align="left" valign="top">
       <p class="maintext"><strong><span class="pagetitles"><span class="h1">Natural Deodorants</span></span> - An overview:</strong></p>
       <p class="maintext">Welcome! Here at Dr Frielgood we are totally committed to creating the very best  natural deodorant products possible. Each one is made with 100% natural ingredients and, unlike many other competitor products, is truly aluminium-free. </p>
       <p class="maintext"><strong>Our environmental policy:</strong></p>
       <p class="maintext">Our natural deodorant products come in an easy-to-use spray bottle and are packaged in the lightest-weight materials possible - in order minimise our impact on the environment. </p>
       <p class="maintext"><strong>Buy online with peace of mind: </strong></p>
       <p class="maintext">You can buy all Dr Frielgood products directly from this site, secure in the knowledge that all payments are made using Barclays proven<em> ePDQ</em> system - ensuring your credit card details are never divulged to anyone (<em>not even to us</em>).</p>
       <p class="maintext"><strong>Find out more: </strong></p>
       <p class="maintext">Now, if you only wish to <em>use</em> our great natural deodorant products, well that's just great. You are very welcome to  look around the site and make your purchase with confidence. <br />
       <br />
       On the other hand, if you're curious about why we're so so proud of our products - or perhaps wondering what ingredients it contains - then we're more than happy to tell you all about it!</p>
       <p class="maintext">Click to find out all about our <a href="our-products.php"><span style="color:#660099; font-size:12px; font-weight: bold">natural deodorants</span></a>. </p>
       <p class="maintext">--------------------------------</p>
      </td>
      <td width="50%" align="center" valign="top"><a href="http://www.dr-frielgood.co.uk/catalogue-details.php?CurrentCat=116&ProductID=0"><img src="images/final-bottle.jpg" alt="Dr Frielgood Natural Deodorant" title="Dr Frielgood Natural Deodorant" width="300" border="0" /></a></td>
    </tr>
    <tr>
      <td colspan="2" align="left" valign="top"></td>
    </tr>
    </table>
            <!-- InstanceEndEditable -->
         </td>
         <td width="275" align="right" valign="top">
          <table width="100%" border="0" class="borderall">
           <tr>
            <td colspan="3" align="left" valign="top" bgcolor="#660099" class="featuretitles">YOUR SHOPPING BASKET </td>
           </tr>
    <?php
    if( $NumBasketItems < 1 ) {
    ?>
           <tr>
            <td colspan="3" align="left" valign="top" class="pricingboxtext"><div align="left" class="requiredfieldtext">You have nothing in your shopping basket...</div></td>
           </tr>
    <?php
    ?>
           <tr>
            <td width="54%" align="left" valign="top" bgcolor="#eeeeee" class="pricingboxtext">Item</td>
            <td width="29%" align="left" valign="top" bgcolor="#eeeeee" class="pricingboxtext">Qty</td>
            <td width="17%" align="left" valign="top" bgcolor="#eeeeee" class="pricingboxtext">Price</td>
           </tr>
           <tr>
            <td align="left" valign="top" class="pricingboxtext"> </td>
            <td align="left" valign="top" class="pricingboxtext"> </td>
            <td align="left" valign="top" class="pricingboxtext"> </td>
           </tr>
    <?php
    for( $i = 0; $i < $NumBasketItems; $i++ ) {
    ?>
           <tr>
            <td align="left" valign="top" class="pricingboxtext"><?=$BasketItemDetails[$i]["mcmsTitle"];?></td>
            <td align="left" valign="top" class="pricingboxtext"><?=$BasketItemDetails[$i]["mcmsQuantity"];?></td>
            <td align="left" valign="top" class="pricingboxtext">&pound;<?=$BasketItemDetails[$i]["LineTotal"];?></td>
           </tr>
    <?php
    } //for( $i = 0; $i < $NumBasketItems; $i++ ) {
    ?>
           <tr>
            <td colspan="3" align="left" valign="top" class="pricingboxtext"> </td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top" bgcolor="#EEEEEE" class="pricingboxtext">POSTAGE </td>
            <td align="left" valign="top" class="pricingboxtext"><?=$TotalPostage;?></td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top" bgcolor="#EEEEEE" class="pricingboxtext">TOTAL </td>
            <td align="left" valign="top" class="pricingboxtext"><?=$FinalTotal;?></td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top"> </td>
            <td align="left" valign="top"> </td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top"><a href="#"><img src="images/credit-card-logos-small.jpg" alt="We accept all major credit cards! All transactions secured by Barclays ePDQ Payment System" width="180" height="32" border="0" title="We accept all major credit cards! All transactions secured by Barclays ePDQ Payment System" /></a></td>
            <td align="left" valign="top"><a href="basket.php"><img src="images/shopping-cart-icon-medium.png" alt="Your shopping purchases so far..." title="Your shopping purchases so far..." width="40" height="34" border="0" /></a></td>
           </tr>
          </table>
          <br />
          <table width="100%" border="0" class="borderall">
           <tr>
            <td colspan="2" align="left" valign="top" bgcolor="#660099" class="featuretitles">JOIN OUR FREE NEWSLETTER! </td>
           </tr>
    <?php
    if( $ShowNewsThankyou != "yes" ) {
    if( strlen($NewsError) > 0 ) {
    ?>
           <tr>
            <td colspan="2" align="left" valign="top" class="maintext">
             <span class="requiredfieldtext"><?=$NewsError;?></span>
            </td>
           </tr>
    <?php
    ?>
           <form action="<?=$_SERVER["PHP_SELF"];?>" method="post">
           <tr>
            <td colspan="2" align="left" valign="top" class="maintext">If you would like to receive our quarterly newsletter full of health tips, special offers and industry news, please complete the form below. We'll even enter you into our quarterly prize draw to win a FREE gift! </td>
           </tr>
           <tr>
            <td colspan="2" align="left" valign="top" class="requiredfieldtext"> </td>
           </tr>
           <tr>
            <td align="left" valign="top" bgcolor="#eeeeee" class="formitemstext">Your Name </td>
            <td align="left" valign="top"><input name="mcmsNewsName" type="text" class="formtextboxes" value="<?php if( isset($_POST["mcmsNewsName"]) ) echo htmlspecialchars(stripslashes($_POST["mcmsNewsName"]));?>" /></td>
           </tr>
           <tr>
            <td width="45%" align="left" valign="top" bgcolor="#eeeeee" class="formitemstext">Your Email </td>
            <td width="55%" align="left" valign="top"><input name="mcmsNewsEmail" type="text" class="formtextboxes" value="<?php if( isset($_POST["mcmsNewsEmail"]) ) echo htmlspecialchars(stripslashes($_POST["mcmsNewsEmail"]));?>" /></td>
           </tr>
           <tr>
            <td align="center" valign="middle">
             <img src="images/newsletter-icon-2.png" alt="Join our FREE quarterly newsletter! Lots of information about Dr Frielgood including special offers and discounts for members!" width="50" height="48" border="0" title="Join our FREE quarterly newsletter! Lots of information about Dr Frielgood including special offers and discounts for members!" />
            </td>
            <td align="left" valign="top">
             <input type="hidden" name="mcmsAction" value="newsletter" />
             <label><input name="Submit" type="submit" class="formbuttons" value="Submit" /></label>
            </td>
           </tr>
           </form>
    <?php
    else {
    ?>
           <tr>
            <td colspan="2" align="left" valign="top" class="maintext">
             <span class="requiredfieldtext">Thankyou, your entry has been received!</span>
            </td>
           </tr>
    <?php
    ?>
           <tr>
            <td align="center" valign="middle"> </td>
            <td align="left" valign="top"> </td>
           </tr>
          </table>
          <br />
          <table width="100%" border="0" class="borderall">
           <tr>
            <td align="left" valign="top" bgcolor="#660099"><span class="featuretitles">SEE OUR SOCIAL MEDIA PAGES </span></td>
           </tr>
           <tr>
            <td al

    So you give your main template .dwt file minus any php code to your php developer and they then insert some php code into that template file and give it back to you?
    You then create an index.php page from the template and that's when the trouble starts? Is this correct?
    What I see is a duplicated <head> section from line 11 through to line 128 in the index.php file. Who put that there? I don't see any 'include' php code in the template file asking for it to be placed there so the question is where did it come from? It does not belong there.
    Go back to the php developer and ask them where it could have come from. One possibility is from an 'include' php file but as I say I don't see any php code in the original template file that would be associated with it. The other possibility is it was placed their manually.

  • Renaming templates, DreamWeaver CS6, error code 3

    Hello,
    Thanks in advance.
    # Settings
    Local Site Folder: "C:\some\local\dir\"
    Server Folder: "X:\"
    Web URL: "http://some.remote.site/dir/"
    Links relative to: ( ) Document   ( ) Site root    (X) Doesn't seem to matter, same thing happens either way
    Cache Enabled
    # Problem setup
    ## Create a template @{LocalSiteFolder}\templates\SomeTemplate.dwt :
    <!DOCTYPE html>
    <html class="no-js" lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <!-- TemplateInfo codeOutsideHTMLIsLocked="false" -->
    <head>
      <!-- TemplateParam name="title" type="text" value="My Favorite Title" -->
      <title>@@(title)@@</title>
    </head>
    <body>
      <!-- TemplateBeginEditable name="body" -->
      <!-- TemplateEndEditable -->
    </body>
    </html>
    ## Create a page based off that template and save it to @{LocalSiteFolder}\SomePage.html :
    <!DOCTYPE html>
    <html class="no-js" lang="en" xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/SomeTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
      <!-- InstanceParam name="title" type="text" value="My Favorite Title" -->
      <title>My Favorite Title</title>
    </head>
    <body>
      <!-- InstanceBeginEditable name="body" -->
      <h1>User Added Content</h1>
      <!-- InstanceEndEditable -->
    </body>
    <!-- InstanceEnd --></html>
    ## Close open files.
    # To cause a problem
    ## Rename the template to @{LocalSiteFolder}\templates\SomeOtherName.dwt.  Update child pages if asked (this update introduces the problem)
    ## Add something to the template; upon saving the template you are asked if you want to update pages; click update and receive an error code 3.
    ## Open @{LocalSiteFolder}\SomePage.html.  Notice that the template's path has been changed to include the site's subdirectory (problem) in addition to its new name! :
    <!DOCTYPE html>
    <html class="no-js" lang="en" xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/dir/templates/SomeOtherName.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
      <!-- InstanceParam name="title" type="text" value="My Favorite Title" -->
      <title>My Favorite Titel</title>
    </head>
    <body>
      <!-- InstanceBeginEditable name="body" -->
      <h1>Hello World</h1>
      <!-- InstanceEndEditable -->
    </body>
    <!-- InstanceEnd --></html>
    #  Any ideas?
    Thank you,
    Travis

    Thanks for replying.
    After renaming a template and letting DreamWeaver update the child pages, DW suddenly starts getting an error code 3 whenever modifying that template again.  The problem is that DreamWeaver is adding the site's remote Web URL to the child page's local template instance path. 
    Deleting the Web URL from the site's settings seems to let DW write the proper template path in child pages.
    * Settings
    Local Site Folder: "C:\some\local\dir\"
    Server Folder: "X:\"
    Web URL: "http://some.remote.site/dir/"  <-- leaving this blank seems to fix issue
    * Issue / Problem
    ** Creating a template @{LocalSiteFolder}\templates\SomeTemplate.dwt with the following header.
    <!DOCTYPE html>
    <html>
    <!-- TemplateInfo codeOutsideHTMLIsLocked="false" -->
    ** Creating a page based off that template and saving it somewhere yields this following header. (note that template path is relative to the local site folder)
    <!DOCTYPE html>
    <html>
    <!-- InstanceBegin template="/Templates/SomeTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
    ** Renaming the template to something else promulgates the change to the child pages, yet it is adding the Web URL subdirectory to the template path. 
    <!DOCTYPE html>
    <html>
    <!-- InstanceBegin template="/dir/templates/SomeOtherName.dwt" codeOutsideHTMLIsLocked="false" -->
    * Conclusion
    Dreamweaver's adding the remote sub directory to the local path seems like an odd feature.  Is there any particular reason why I should use the Web URL if I can already publish content via the Server Folder?  It seems that the Web URL is best left out of a site's settings.
    Any thoughts?
    Thank you,
    Travis

  • The footer is moving to the left and no longer centered. It is like it is no longer in the container

    The footer is moving to the left and no longer centered. It is like it is no longer in the container. I don't see the container outline any longer. This same thing is happening in two different websites. Can you tell me what I am doing wrong?
    <!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>Dragonfly Toy Puppies Home Page</title>
    <style type="text/css">
    <!--
    body  {
        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: #FFF;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 100%;
        background-color: #000;
    .twoColFixLtHdr #container {
        width: 900px; /* the auto margins (in conjunction with a width) center the page */
        border: none; /* this overrides the text-align: center on the body element. */
        background-color: #000;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
    .twoColFixLtHdr #header {
        background-color: #000;
        background-image: url(Images/Header.jpg);
        background-repeat: no-repeat;
        height: 350px;
        width: 900px;
        padding-top: 0;
        padding-right: 0px;
        padding-bottom: 20;
        padding-left: 0px;
    .twoColFixLtHdr #sidebar1 {
        float: left; /* since this element is floated, a width must be given */
        width: 240px;
        height: auto;
        padding-top: 5px;
        padding-right: 0px;
        padding-bottom: 15px;
        padding-left: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        background-color: #000;
        text-align: center;
    a img {border: none;
    a { outline: 0;
    #sidebar1 a #poodle   {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        cursor: pointer;
        text-decoration: none;
    #sidebar1 a #maltese {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        cursor: pointer;
    #sidebar1 a #yorkie {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        cursor: pointer;
    #sidebar1 a #partiyorkie {
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: pointer;
    #sidebar1 a #dachshund {
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: pointer;
    #sidebar1 a #maltipoo {
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: pointer;
    #sidebar1 a #morkie {
        display: block;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        cursor: pointer;
    .twoColFixLtHdr #mainContent {
        padding: 20; /* remember that padding is the space inside the div box and margin is the space outside the div box */
        background-color: #000;
        height: auto;
        width: 660px;
        text-align: center;
        margin: 0px;
        float: left;
    .twoColFixLtHdr #footer {
        background-color: #000;
        width: 900px;
        padding-top: 0;
        padding-right: 10px;
        padding-bottom: 0;
        padding-left: 10px;
        clear: none;
        float: none;
        height: auto;
    .twoColFixLtHdr #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 */
    .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;
    -->
    </style><!--[if IE 5]>
    <style type="text/css">
    /* place css box model fixes for IE 5* in this conditional comment */
    .twoColFixLtHdr #sidebar1 { width: 230px; }
    </style>
    <![endif]--><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColFixLtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixLtHdr #mainContent { zoom: 1; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="twoColFixLtHdr">
    <div id="container">
      <div id="header">
      <!-- end #header --></div>
      <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="#">Home</a>      </li>
          <li><a href="#">Services</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Sires &amp; Dams</a>
            <ul>
              <li><a href="#">Toy Poodles</a></li>
              <li><a href="#">Maltese</a></li>
              <li><a href="#">Yorkies</a></li>
              <li><a href="#">Parti Yorkies</a></li>
              <li><a href="#">Mini Dachsunds</a></li>
              <li><a href="#">Maltipoos</a></li>
              <li><a href="#">Morkies</a></li>
            </ul>
          </li>
          <li><a href="#">Puppy Care</a></li>
    <li><a href="#">Success Stories</a></li>
    <li><a href="#">Contact Us</a>      </li>
    </ul>
      <div id="sidebar1">
        <h2>Puppies for Sale</h2>
        <p> Click on your Favorite Breed</p>
        <h2><a href="poodle.htm" onmousedown="MM_swapImage('poodle','','Images/poodle_active.jpg',1)"><img src="Images/poodle_link.jpg" alt="Link to Poodle Puppy Page" name="poodle" width="200" height="250" id="poodle" onmouseover="MM_swapImage('poodle','','Images/poodle_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="maltese.htm" onmousedown="MM_swapImage('maltese','','Images/maltese_active.jpg',1)"><img src="Images/maltese_link.jpg" alt="Link to Maltese Puppy Page" name="maltese" width="200" height="200" id="maltese" onmouseover="MM_swapImage('maltese','','Images/maltese_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="yorkie.htm" onmousedown="MM_swapImage('yorkie','','Images/yorkie_active.jpg',1)"><img src="Images/yorkie_link.jpg" alt="Link to Yorkie Puppy Page" name="yorkie" width="200" height="200" id="yorkie" onmouseover="MM_swapImage('yorkie','','Images/yorkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="parti_yorkie.htm" onmousedown="MM_swapImage('parti_yorkie','','Images/partiyorkie_active.jpg',1)"><img src="Images/partiyorkie_link.jpg" alt="Link to Parti Yorkie Puppy Page" name="partiyorkie" width="200" height="200" id="partiyorkie" onmouseover="MM_swapImage('partiyorkie','','Images/partiyorkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="dachshund.htm" onmousedown="MM_swapImage('dachshund','','Images/dachshund_active.jpg',1)"><img src="Images/dachshund_link.jpg" alt="Link for Mini Dachshund Puppy Page" name="dachshund" width="200" height="200" id="dachshund" onmouseover="MM_swapImage('dachshund','','Images/dachshund_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
          <a href="maltipoo.htm" onmousedown="MM_swapImage('maltipoo','','Images/maltipoo_active.jpg',1)"><img src="Images/maltipoo_link.jpg" alt="Link for Maltipoo Puppy Page" name="maltipoo" width="200" height="200" id="maltipoo" onmouseover="MM_swapImage('maltipoo','','Images/maltipoo_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a>
        <a href="morkie.htm" onmousedown="MM_swapImage('morkie','','Images/morkie_active.jpg',1)"><img src="Images/morkie_link.jpg" alt="Link to Morkie Puppy Page" name="morkie" width="200" height="200" id="morkie" onmouseover="MM_swapImage('morkie','','Images/morkie_hover.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></h2>
      </div>
    <!-- end #sidebar1 --></div>
      <div id="mainContent">
        <h1>Welcome </h1>
        <p>This Website is under Construction</p>
        <h2>Check Back Soon</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" />
    <div id="footer">
        <p>Footer</p>
      <!-- end #footer --></div>
    <!-- end #container --></div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    You have an extra closing </div> where none is required.
    Beggining on line 215 of your code, change this:
    </div>
    <!-- end #sidebar1 --></div>
    to this:
    <!-- end #sidebar1 --></div>
    When problems occur, the W3C code validation tools will help you find errors in your code.
    Code Validation Tools
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • Header photos keep moving

    How do i keep the photos in my header from moving down the page when i resize my screen smaller. it also seems to effect the photos when viewed on line. check it out at www.kansasspineinstitute.com i just need the photos to be next to each other. thanks

    Comments on your site:
    You have a line of code above the <!DOCTYPE on all your pages. Remove that line [ <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> ]; I think it will throw off the browsers' rendering.
    Please optimize your photos when you use them on a webpage. I would have clicked away immediately because they take so long to load at the size (file-wise)that they are now.
    It is pretty simple to resize them, right from Dreamweaver. Look in the Property Inspector for an icon that looks like a figure eight falling over. Click your image, then click the Edit Image Settings icon (the falling-over figure 8). Click on the "File" tab, and you will see how huge your images are. Going by the final size in your page, put one of those numbers in and the image will adjust to that size, proportionally. You will need to check the size indicated in the <img src... that calls in the image, to make sure it is the final size you want.
    I'm not understanding what you mean about your pictures not being lined up. Please explain.
    While you're at it, you should get rid of word-spaces in file names.
    Beth

  • Help needed with DWT file

    Please can you help, made initial template for my website but now I want to change template so I can edit meta tags (tags were originally an unetitable area).
    When I apply my example below in the DWT file and apply to all pages the meta tags disappear.
    Please can you help.
    Currently have..
    <!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="keywords" content="keywords are here" />
    <meta name="description" content="description is here" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Title</title>
    <!-- TemplateEndEditable -->
    <link href="../css-file/css.css" rel="stylesheet" type="text/css" />
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    </head>
    And tried this but meta tags in pages disppear..
    <!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" />
    <link href="../css-file/css.css" rel="stylesheet" type="text/css" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Title</title>
    <meta name="keywords" content="keywords are here" />
    <meta name="description" content="description is here" />
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    </head>
    As always, thanks in advance.

    I've placed another example below, would this be correct.
    Move the charset <meta> tag and link to the style sheet below the title like this:
    <!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>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Title</title>
    <!-- TemplateEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../css-file/css.css" rel="stylesheet" type="text/css" />
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    </head>
    When you say don't put anything in the head of the document do you also mean taking out the title and reference to the external css file.
    No, I was responding directly to your question about the keywords and description. It's perfectly OK to put other things in the non-editable part of the <head>. But anything that you want to be able to change in child pages should be added directly to the child page. That's why Dreamweaver creates the second editable region called "head". By default, it's empty; but it's where you add things like keywords, extra style sheets, and JavaScript to individual child pages.

  • Preview a .dwt in Chrome or Firefox shows code not a preview, why?

    I use a template .dwt file which I used to be able to preview in Chrome, Firefox, Opera and Safari just  to check all would look OK.
    Last week I made some changes to the master .dwt file and now Chrome, Firefox and Opera display the html code and Safari displays nothing. IE displays the web page.
    If I create a new page from the master .dwt and preview that, it works OK
    I have validated the master .dwt and W3C reports no errors, I have also checked the style sheets and they also get passed as OK.
    I must have something in the .dwt file that is wrong but I can't see it.
    Anybody have any ideas?
    Thanks
    Derek

    Hi Jon,
    Here it is there are some style sheets to go with it, can post them if needed.
    Thanks
    Derek
    <!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="author" content="Derek Baker"/>
    <meta name="photography" content="Derek Baker Photography Web Site" />
    <meta name="generator" content="Dreamweaver" />
    <meta name="robots" content="index,follow" />
    <meta content="en-gb" http-equiv="Content-Language" />
    <!-- #BeginEditable "doctitle" -->
    <title>Derek Baker ARPS - Add a Title Here</title>
    <!-- #EndEditable "doctitle" -->
    <!-- #BeginEditable "head" -->
    <meta name="description" content="Add description here  " />
    <meta name="keywords" content="Photography, Photographs, Alternative Process Prints, Platinum and Gum, Landscapes, Natutal History, Travel" />
    <!-- #EndEditable "head" -->
    <!-- Google analytics -->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-36937737-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <link rel="icon" href="../front_page_images/db_favicon3.ico" />
    <link href="../masterstyle.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="../masterstyle_handheld.css" rel="stylesheet" type="text/css" media="handheld" />
    <link href="../SpryAssets/SpryMenuBarVertical_handheld.css" type="text/css" media="handheld" />
    <link href="../masterstyle_print.css" rel="stylesheet" type="text/css" media="print" />
    <!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <!-- #BeginEditable "local" -->
    <!-- #EndEditable "local" -->
    <!-- NOTE Image size in Photoshop/Bridge
    Use Bridge style db_site_blk_std template
    Thumbnails are are 80px, Gallery Image 650px wide, slideshow 900px, quality 20%.
    -->
    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    </head>
    <body id="body">
    <!-- Begin Container -->
    <div id="mastercontainer">
    <div id="innercontainer">
       <!-- Begin Masthead -->
       <table id="mastermasthead" >
       <tr>
       <td><img src="../front_page_images/_2082767780.jpg" alt="Masthead_1" width="96" height="60"  class="mastheadimage_style_1"/></td>
       <td class="mastheadstyle2">Landscape, Travel<br />
       and Natural History<br />Photographer</td>
       <td>
       <img src="../front_page_images/_3798718836.jpg" alt="Masthead_2" width="96" height="65" class="mastheadimage_style_1"/></td>
       <td class="mastheadstyle1">Derek Baker ARPS</td>
       <td>
       <img src="../front_page_images/_7768807756.jpg" alt="Masthead_3" width="96" height="64" class="mastheadimage_style_1"/></td>  
       <td class="mastheadstyle2">Alternative<br/>
       Process Print<br />Maker</td>
       <td>
       <img src="../front_page_images/_3621157791.jpg" alt="Masthead_4" width="96" height="64"  class="mastheadimage_style_1"/></td>
       </tr>
       </table>
    <!-- End Masthead -->
       <!-- Begin Navigation -->
       <div id="masternavigation">
        <ul>
         <li><a href="../index.html" target="_parent" title="Derek Baker's Photography Home Page.">
         Home</a></li>
    <!--    <li><a href="about.html" target="_parent" title="Derek Baker Photographer">
         Biog</a></li>
    -->
         <li><a href="../sales.html" target="_parent" title="How to buy Photographs by Derek Baker">
         Image and Print Sales</a></li>
         <li><a href="../links.html" target="_parent" title="Derek Baker's list of related usefull web sites">
         Useful Sites</a></li>
        </ul>
       </div>
       <!-- End Navigation -->
                <!-- Begin Sidebar -->
      <div id="gallery_index">
           <ul id="MenuBar1" class="MenuBarVertical">
                          <li><a class="sidebarh1" href="../index.html">Image Gallery</a></li>
                          <li><a class="MenuBarItemSubmenu">Alternative Process Prints</a>
                            <ul>
                              <li><a href="../photo_gallery_html/alt_platinum_1.html">Platinum/Palladium</a></li>
                              <li><a href="../photo_gallery_html/alt_miscellaneous_1.html">Gum, Toned, etc.</a></li>
                            </ul>
                          </li>
                          <li><a href="../photo_gallery_html/panoramas_1.html">Panoramas</a></li>
                          <li><a href="../photo_gallery_html/arps_panel.html">RPS Associateship Panel</a></li>                     
                          <li><a class="MenuBarItemSubmenu">England</a>
                           <ul>
                             <li><a href="../photo_gallery_html/uk_avebury_1.html">Avebury</a></li>
                             <li><a class="MenuBarItemSubmenu">Devon</a>
                              <ul>
                                      <li><a href="../photo_gallery_html/uk_devon_1.html">Devon</a> </li>
                                   <li><a href="../photo_gallery_html/uk_hennock_1.html">Hennock</a></li>
                                    </ul>
                             </li>
                             <li><a href="../photo_gallery_html/uk_miscellany_1.html">English Landscapes</a></li>
                             <li><a href="../photo_gallery_html/uk_lake_district_1.html">Lake District</a></li>                           
                            </ul>                       
                          </li>
                          <li><a class="MenuBarItemSubmenu">Scotland</a>
                           <ul>
                             <li><a href="../photo_gallery_html/uk_doune_1.html">Doune</a></li>
                            </ul>
                       </li>
                          <li><a class="MenuBarItemSubmenu">Wales</a>
                           <ul>
                             <li><a href="../photo_gallery_html/uk_snowdonia_1.html">Snowdonia</a></li>
                            </ul>
                       </li>
                          <li><a class="MenuBarItemSubmenu">Chile</a>
                           <ul>
                             <li><a href="../photo_gallery_html/chile_atacama_1.html">Atacama</a></li>
                             <li><a href="../photo_gallery_html/chile_chiloe_and_lakes.html">Chiloe and Lakes</a></li>
                             <li><a href="../photo_gallery_html/chile_south_1.html">The South</a></li>                           
                            </ul>
                       </li>
                           <li><a href="../photo_gallery_html/peru_1.html">Peru</a></li>
                           <li><a class="MenuBarItemSubmenu">USA</a>
                             <ul>
                             <li><a href="../photo_gallery_html/usa_antelope_1.html">Antelope Canyon</a></li>
                             <li><a href="../photo_gallery_html/usa_arches_1.html">Arches NP</a></li>                           
                             <li><a href="../photo_gallery_html/usa_bryce_1.html">Bryce Canyon NP</a></li>                           
                             <li><a href="../photo_gallery_html/usa_death_valley_1.html">Death Valley NP</a></li>                     
                             <li><a href="../photo_gallery_html/usa_goblin_valley_1.html">Goblin Valley</a></li>
                             <li><a href="../photo_gallery_html/usa_west_colour_1.html">Colours of the West</a></li>
                             <li><a href="../photo_gallery_html/usa_rocky_mountain_1.html">Rocky Mountains</a></li>
                             <li><a href="../photo_gallery_html/usa_west_miscellany_1.html">USA Miscellany</a></li>
                             <li><a href="../photo_gallery_html/usa_grand_teton_1.html">Grand Teton</a></li>
                                <li><a href="../photo_gallery_html/usa_white_sands_1.html">White Sands</a></li>
                             <li><a class="MenuBarItemSubmenu">Yellowstone</a>
                                 <ul>
                                    <li><a href="../photo_gallery_html/usa_yellowstone_1.html">Yellowstone</a></li>
                              <li><a href="../photo_gallery_html/usa_yellowstone_colour_1.html">Colours</a></li>
                              <li><a href="../photo_gallery_html/usa_yellowstone_winter_1.html">Winter part 1</a></li>
                              <li><a href="../photo_gallery_html/usa_yellowstone_winter_2.html">Winter part 2</a></li>
                                    </ul>
                                </li>
                                <li><a href="../photo_gallery_html/usa_yosemite_1.html">Yosemite</a></li>
                                <li><a href="../photo_gallery_html/usa_new_york_1.html">New York</a></li>                         
                             </ul>
                       </li>   
                           <li><a class="MenuBarItemSubmenu">Natural History</a>
                              <ul>
                                 <li><a href="../photo_gallery_html/nat_birds_mammals_1.html">Birds and Animals</a></li>
                                 <li><a href="../photo_gallery_html/nat_camellias_1.html">Camellias</a></li>
                             </ul>
                           </li>
          </ul>        
        </div>
          <!-- End sidebar -->
         <!-- Begin content -->
           <!-- #BeginEditable "Content" --> 
                        <div id="data_show" style="padding-left:2%; padding-right:2%">
          <h1 class="data_show_title">Header</h1>
          <p class="data_show_subtitle">Description of page</p>
    <!--     
          <iframe id="gallery_data_show" name="I1" src="../??/index.html" height="550px" width="100%" scrolling="no" frameborder="0" style="background-color: #000000" title="Add a title here" >Your browser does not support inline frames or is currently configured not to display inline frames.
          </iframe>
    -->
          <!--
          TO CREATE A GALLERY PAGE
          1. Use Adobe Bridge to create a galley using size given at the top of this page.
          2. In the iframe and create a new page from the master dwt page and save in the SITE folder then modify the src above
             to point to the index.html.
          3. Change the max height in the generated resources/groupxml to 60 if all are horizontal if adjacent verticalls make it 70
          4. Change the iframe height to be lower if more than one description line is used
          FOR A DATA PAGE disable or remove the iframe and then just add text as needed 
          Then change the height depending on the number of lines of header 
          -->
          <!-- NOTE Image size in Photoshop/Bridge
          Use Bridge style db_site_blk_std template
          Thumbnails are are 80px, Gallery Image 650px wide, slideshow 900px, quality 20%.
          -->
         </div>
       <!-- #EndEditable "Content" -->
       <!-- End content -->
       <!-- Begin footer -->   
         <div id="footer">
                 <p class="footerstyle1">
        <a href="../index.html" target="_parent" title="Derek Baker's Photography">Home</a> |
    <!--    <a href="about.html" target="_parent" title="Derek Baker Photographer">Biog</a> |  -->
        <a href="../sales.html" target="_parent" title="How to buy Photographs by Derek Baker">Sales</a> |
        <a href="../links.html" target="_parent" title="Derek Baker's List of related usefull web sites">Useful Sites</a></p>
          <!-- #BeginEditable "footer" -->
       <!-- #EndEditable "footer" -->           
        <p class="footerstyle2">All text and images on this site ©2010, 2011, 2012, 2013 D N Baker. All rights reserved.</p>
        <p class="footerstyle2">Web Site designed and created by D N Baker using Adobe DreanWeaver CS6 and Adobe Bridge CS5 (Lightroom Flash Gallery).</p>
       </div>
       <!-- End footer -->
    </div></div>
    <!-- End Container -->
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

  • .HTML and .DWT files in folders have 0kb size

    Hey guys,
    I was just setting up a new client on the system and I have an issue with uploading HTML and DWT files through Dreamweaver.  The files end up on the server but each is a 0kb file.  Here are my steps:
    In Partner Portal I created a new site
    I chose to start with a blank slate/template
    I logged in via Dreamweaver CS5's BC Extension as I normally do and set the local directory of the project
    I was moving a static HTML site over to this site so the design and files were done already. So once the project was setup in DW I selected all the files in the project folder and uploaded them to the remote site via the Files panel in DW.
    The upload completed and did not note any errors or problems.
    I logged into the BC Admin and went to update some URLs of the pages and I noticed the first .html file in a folder had 0kb.
    I noticed that this problem only occurred in files that are uploaded to a folder. IE- I had a folder called "contact" and a file index.html inside.  I uploaded this folder and the rest via the Files panel in DW. I DID NOT create the folders through BC first.  The same thing happens with .DWT files too.  Although, in this case, since I had a "Templates" directory locally and I'm assuming one was created by BC on the remote host when I created the account it's probably not having to do with users creating folders through FTP/Files panel in DW.
    The .html files in the root of the site are fine. All my JS and CSS files in their folders are also fine.  It just seems to be .HTML and .DWT files in folders that have 0kb.
    Has anyone seen this? 
    I have to get this site live in a rush tomorrow so I'm either going to delete the folders via FTP and create all the pages/folder first in BC and copy and paste the code over from DW to BC Admin area manually.  I'm not excited about doing that as it will add hours onto this site when moving a static site over should be pretty quick.  Now I have to create all the pages and templates manually.

    I can now confirm that the problem is related to DW or the DW FTP login session. I used WinSCP to FTP my files up and they went up fine.

Maybe you are looking for

  • Logic Pro loops disappear when I re-index?

    I'm trying to delete some of the loops in logic to save some space on my SSD as I know I will never touch some of then. However I located them in finder and moved them to the trash, but when I try and re-index my loops library, I enter my password an

  • EPub Books? On my Windows 7?

    I am a Windows 7 user, and I have iTunes on my computer. Not too long ago, I bought books off of iTunes in the hopes of being able to read them, but for whatever reason, I can't seem to be able to view the contents of the books. I installed things li

  • The new update gave my ipne 4s many problems! now apple says i have to pay $150 to get it fixed? That is not fair!!! please help!

    Since the update my iPhone 4s started freezing and restarting by itself! I have done everything apple have told me to do. I restarted my phone like new restarted settings etc. And still its giving me the same problems. I don't believe I have to pay t

  • HT5251 Can't import AVCHD into iPhoto after upgrade

    I created a new iPhoto library after doing the upgrade and tried all the suggested methods for importing my avchd folders and it didn't work! Am I missing something? The quicker they dump avchd the better!

  • Can't start XI Directory but XI Repository works

    Hi I can successfully start the XI Repository and logon but when I start the XI Directory it fails when trying to load one of the jar files from the server. The error(see below - codebase is wrong) is obvious but how can I correct the path so that it