• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

New Template making junk pages

Community Beginner ,
Jan 12, 2019 Jan 12, 2019

Copy link to clipboard

Copied

I am an automotive technician. I have been using Dreamweaver to make websites for my shops since Dreamweaver 3. I am currently running the newest version on my pc. I created a Template which looks pretty nice. I based it off of my index page at http://gallatinautorepairs.com. The template looks good and shows no html errors in Dreamweaver. When I attempt to make a new page from the template i get an error message, "error on line 2 unbalanced instance begin tag". Several tags are missing from the end of the document (</div></div></section></main></body></html>) I have checked every tag in the template and they are all balanced. The only thing that I am doing differently in this template that I have never done before is that I am using optional editable regions. I have tried both with and without the schema declaration in the html. ( I used the schema declarations in my last template with no issues). Here is the template html:

<!DOCTYPE html>

<html itemscope itemtype="http://schema.org/AutoRepair" lang="en">

  <head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="../css/components.css">

  <link rel="stylesheet" href="../css/icons.css">

  <link rel="stylesheet" href="../css/responsee.css">

  <link rel="stylesheet" href="../owl-carousel/owl.carousel.css">

  <link rel="stylesheet" href="../owl-carousel/owl.theme.css">

  <link rel="stylesheet" href="../css/lightcase.css">

  <!-- CUSTOM STYLE -->

  <link rel="stylesheet" href="../css/template-style.css">

  <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,700,900&subset=latin-ext" rel="stylesheet">

  <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>

  <script type="text/javascript" src="../js/jquery-ui.min.js"></script>

  <!-- TemplateBeginEditable name="Meta_Info" -->

  <title>Welcome to Rockridge Automotive Repair</title>

  <meta name="description" content="Rockbridge Automotive does quality automotive repair and service in Bethpage Tennessee">

  <meta name="keywords" content="Gallatin, auto repair, portland, bethpage, brakes, oil change, auto restoration, castillion springs">

  <!-- TemplateEndEditable -->

  <!-- TemplateParam name="Optional_Subject_Photo" type="boolean" value="true" -->

  <!-- TemplateParam name="Optional_Picture_2" type="boolean" value="true" -->

  </head>

  <body class="size-1280">

    <!-- HEADER -->

    <header role="banner" class="position-absolute">  

      <!-- Top Navigation -->

      <nav class="background-transparent background-primary-dott full-width sticky">        

        <div class="top-nav">

          <!-- mobile version logo -->            

          <div class="logo hide-l hide-xl hide-xxl">

             <a href="../index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="../img/logo.svg" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="../img/wrench-and-screwdriver.png" alt="">

            </a>

          </div>                

          <p class="nav-text"></p>

        

          <!-- left menu items -->

          <div class="top-nav left-menu">

             <ul class="right top-ul chevron">

                <li><a href="../index.html">Home</a></li>

                <li><a href="../about-us.html">About Us</a></li>

                <li><a href="../services.html">Our Services</a></li>

             </ul>

          </div>

        

          <!-- logo -->

          <ul class="logo-menu">

            <a href="../index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="../img/wrench-and-screwdriver.png" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="../img/wrench-and-screwdriver.png" alt="">

            </a>

          </ul>

        

          <!-- right menu items -->

          <div class="top-nav right-menu">

             <ul class="top-ul chevron">

                <li>

                  <a>Products</a>

                  <ul>

                    <li><a>Product 1</a></li>

                    <li><a>Product 2</a></li>

                  </ul>

                </li>

                <li><a href="../gallery.html">Gallery</a></li>

                <li><a href="../contact.html">Contact</a></li>

             </ul>

          </div>

        </div>

      </nav>

    </header>

  

    <!-- MAIN -->

    <main role="main">  

      <!-- Header -->

      <header class="section-top-padding background-image text-center" style="background-image:url(../img/img-05.jpg)"> 

        <h1 class="text-extra-thin text-white text-s-size-30 text-m-size-40 text-size-50 text-line-height-1 margin-bottom-40 margin-top-130">

          Rockbridge Automotive

        </h1>

<!-- TemplateBeginEditable name="Page_Title" --> 

<h2 class="text-extra-thin text-white text-s-size-30 text-m-size-30 text-size-30 text-line-height-1 margin-bottom-40">

          Auto Repair Facility In Gallatin TN

        </h2>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="Page_Description" -->

<h3>Page_Description</h3>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="Page_Text" -->

        <p class="text-white">Some text</p>

<p class="text-white"> more text and <a class="text-primary-hover" href="../services.html">  services link</a></p>

<!-- TemplateEndEditable -->

<i class="slow icon-sli-arrow-down text-white margin-top-20 text-size-16"></i>

        <!-- Image -->

<!-- TemplateBeginIf cond="Optional_Subject_Photo" -->Optional_Subject_Photo

        <img class="margin-top-20 center" src="../img/cars/2015-challenger.jpg" alt="">

<!-- TemplateEndIf -->      

        <!-- dark full width arrow object -->

        <img class="arrow-object" src="../img/arrow-object-dark.svg" alt="">

      </header>

    

      <!-- Section 1 -->

      <section class="section-small-padding background-dark text-center">    

        <div class="line">

          <div class="m-10 l-6 xl-4 center">

            <div class="margin">

              <a class="s-12 m-6 margin-s-bottom" href="/">

                <img class="full-img right" src="../img/ase-certified.png" alt="">

              </a>

              <a class="s-12 m-6" href="/">

                <img class="full-img" src="../img/MACS_bevel_logo-small.gif" alt="">

              </a>

            </div>

          </div>                                                                                             

        </div>     

      </section>

      <!-- Section 4 -->

      <section class="background-primary full-width">      

        <div class="m-12 l-6 xl-5 xxl-4">

<!-- TemplateBeginIf cond="Optional_Picture_2" -->Optional_Picture_2

          <img class="full-img" src="../img/engines/67-nascar-dodge-hemi-with-dual-carb.jpg"/>

<!-- TemplateEndIf -->

        </div>

        <div class="m-12 l-6 xl-7 xxl-8">

          <div class="l-12 xl-11 xxl-8 padding-2x">

<!-- TemplateBeginIf cond="Optional_Text_2" -->

            <h2 class="text-l-size-40 text-size-30 text-white">We Service <b>Old Or New</b></h2>

            <p class="margin-bottom">We enjoy repairing the cars and equipment from the old days like this killer Dodge Hemi engine but I love the fuel injected, supercharged monster that we get in the shop today as well. I love the shreaking sound of four cylinder motors, (especially motorcycles) but I love the deep thump of a V-twin, a V-8 or V-10 engine. I dig turbocharged and supercharged engines. I love two strokes. I guess I am just a gear-head!</p>

            <!-- white Start your Business object -->

            <img class="margin-left-20 margin-top-30 margin-bottom-60" src="../img/start-your-business.svg" alt="">

<!-- TemplateEndIf -->

          </div>

        </div>

      </section>

    

      <!-- Section 5 -->

      <section class="section-small-padding background-grey"> 

        <div class="margin2x">

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/ford-logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Chevrolet-Logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Buick-Logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Chrysler-Logo (1).jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/honda-logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/toyota-logo1.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/nissan-logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Jeep-Logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Infiniti-Logo (1).jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/lexus-logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/mazda-logo (1).jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/RAM-Logo.jpg"/>

           </div>

        </div>

      </section>

    

      <!-- Section 7 -->

      <section class="section-small-padding background-dark text-center">    

        <div class="line">

          <h2 class="text-white text-size-50 text-m-size-40 margin-bottom-20">Quality Auto Repair </h2>

          <div class="m-10 l-6 xl-4 center">

            <div class="margin">

              <a class="s-12 m-6 margin-s-bottom" href="/">

              </a>

              <a class="s-12 m-6" href="/">

              </a>

            </div>

          </div>                                                                                             

        </div>     

      </section>   

    

    </main>

  

    <!-- FOOTER -->

    <footer>

      <!-- Social -->

      <div class="background-primary padding text-center">

        <a href="/"><i class="icon-facebook_circle text-size-25 text-dark"></i></a>

        <a href="/"><i class="icon-twitter_circle text-size-25 text-dark"></i></a>

        <a href="/"><i class="icon-google_plus_circle text-size-25 text-dark"></i></a>

        <a href="/"><i class="icon-instagram_circle text-size-25 text-dark"></i></a>

        <a href="/"><i class="icon-linked_in_circle text-size-25 text-dark"></i></a>                                                                     

      </div>

      <!-- Main Footer -->

      <section class="section background-dark">

        <div class="line">

          <div class="margin2x">

            <div class="s-12 m-6 l-3 xl-5">

               <h4 class="text-white text-strong">Our Mission</h4>

               <p>

                 <b class="text-size-20">Reliable friendly Service!</b> We strive to give our clients the best auto repair service in Sumner County. We provide <b class="text-size-20">Christian Automotive Repairs</b>, because we have to answer to a much higher authority.

               </p>

            </div>

            <div class="s-12 m-6 l-3 xl-2">

               <h4 class="text-white text-strong margin-m-top-30">Useful Links</h4>

               <a class="text-primary-hover" href="../page.html">FAQ</a><br>    

               <a class="text-primary-hover" href="../contact.html">Contact Us</a><br>

               <a class="text-primary-hover" href="../blog.html">Blog</a>

            </div>

            <div class="s-12 m-6 l-3 xl-2">

               <h4 class="text-white text-strong margin-m-top-30">Term of Use</h4>

               <a class="text-primary-hover" href="../page.html">Terms and Conditions</a><br>

               <a class="text-primary-hover" href="../page.html">Refund Policy</a><br>

               <a class="text-primary-hover" href="../page.html">Disclaimer</a>

            </div>

            <div itemscope itemtype="http://schema.org/AutoRepair" class="s-12 m-6 l-3 xl-3">

               <h4 class="text-white text-strong margin-m-top-30">Contact Us</h4>

<a class="text-primary-hover" href="mailto:info@gallatinautorepairs.com"><i class="icon-sli-mouse text-primary"></i> info@gallatinautorepairs</a><br>

                <p><i class="icon-sli-screen-smartphone text-primary"></i>

<span itemprop="telephone"> 615-946-2079</span></p>              

<i class="icon-mail text-primary"></i><span itemprop="streetAddress"> 105 Red Tuttle Road</span><br>

<i class="icon-home text-primary"></i><span itemprop="addressLocality"> Bethpage</span>,

                <span itemprop="addressRegion">TN</span>

                <span itemprop="postalCode">37022</span>

            </div>

          </div>

</div>

      </section>

      <div class="background-dark">

         <div class="line">

            <hr class="break margin-top-bottom-0" style="border-color: #777;">

         </div>

      </div>

      <!-- Bottom Footer -->

      <section class="padding-2x background-dark full-width">

        <div class="line">

          <div class="s-12 l-6">

            <p class="text-size-12">&copy;Copyright 2018, Rockbridge Automotive</p>

            <p class="text-size-12">I would like to thank the designers at <a class="text-primary-hover" href="https://signup.graphicszoo.com/get-started/">Graphic Zoo</a> for this website design.</p>

          </div>

          <div class="s-12 l-6">

            <a class="right text-size-12 text-primary-hover" href="http://www.myresponsee.com" title="Responsee - lightweight responsive framework">Design and coding<br> by Responsee Team</a>

          </div>

        </div>

      </section>

    </footer>

    <script type="text/javascript" src="../js/responsee.js"></script>

    <script type="text/javascript" src="../owl-carousel/owl.carousel.js"></script>

    <script type="text/javascript" src="../js/template-scripts.js"></script>

  </body>

</html>

Here is what is generated when i attempt to make a new page from it:

<!DOCTYPE html>

<html itemscope itemtype="http://schema.org/AutoRepair" lang="en"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

  <head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="css/components.css">

  <link rel="stylesheet" href="css/icons.css">

  <link rel="stylesheet" href="css/responsee.css">

  <link rel="stylesheet" href="owl-carousel/owl.carousel.css">

  <link rel="stylesheet" href="owl-carousel/owl.theme.css">

  <link rel="stylesheet" href="css/lightcase.css">

  <!-- CUSTOM STYLE -->

  <link rel="stylesheet" href="css/template-style.css">

  <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,700,900&subset=latin-ext" rel="stylesheet">

  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

  <script type="text/javascript" src="js/jquery-ui.min.js"></script>

  <!-- InstanceBeginEditable name="Meta_Info" -->

  <title>Welcome to Rockridge Automotive Repair</title>

  <meta name="description" content="Rockbridge Automotive does quality automotive repair and service in Bethpage Tennessee">

  <meta name="keywords" content="Gallatin, auto repair, portland, bethpage, brakes, oil change, auto restoration, castillion springs">

  <!-- InstanceEndEditable -->

  <!-- InstanceParam name="Optional_Subject_Photo" type="boolean" value="true" -->

  <!-- InstanceParam name="Optional_Picture_2" type="boolean" value="true" -->

  </head>

  <body class="size-1280">

    <!-- HEADER -->

    <header role="banner" class="position-absolute">  

      <!-- Top Navigation -->

      <nav class="background-transparent background-primary-dott full-width sticky">        

        <div class="top-nav">

          <!-- mobile version logo -->            

          <div class="logo hide-l hide-xl hide-xxl">

             <a href="index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="img/logo.svg" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="img/wrench-and-screwdriver.png" alt="">

            </a>

          </div>                

          <p class="nav-text"></p>

        

          <!-- left menu items -->

          <div class="top-nav left-menu">

             <ul class="right top-ul chevron">

                <li><a href="index.html">Home</a></li>

                <li><a href="about-us.html">About Us</a></li>

                <li><a href="services.html">Our Services</a></li>

             </ul>

          </div>

        

          <!-- logo -->

          <ul class="logo-menu">

            <a href="index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="img/wrench-and-screwdriver.png" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="img/wrench-and-screwdriver.png" alt="">

            </a>

          </ul>

        

          <!-- right menu items -->

          <div class="top-nav right-menu">

             <ul class="top-ul chevron">

                <li>

                  <a>Products</a>

                  <ul>

                    <li><a>Product 1</a></li>

                    <li><a>Product 2</a></li>

                  </ul>

                </li>

                <li><a href="gallery.html">Gallery</a></li>

                <li><a href="contact.html">Contact</a></li>

             </ul>

          </div>

        </div>

      </nav>

    </header>

  

    <!-- MAIN -->

    <main role="main">  

      <!-- Header -->

      <header class="section-top-padding background-image text-center" style="background-image:url(img/img-05.jpg)"> 

        <h1 class="text-extra-thin text-white text-s-size-30 text-m-size-40 text-size-50 text-line-height-1 margin-bottom-40 margin-top-130">

          Rockbridge Automotive

        </h1>

<!-- InstanceBeginEditable name="Page_Title" --> 

<h2 class="text-extra-thin text-white text-s-size-30 text-m-size-30 text-size-30 text-line-height-1 margin-bottom-40">

          Auto Repair Facility In Gallatin TN

        </h2>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="Page_Description" -->

<h3>Page_Description</h3>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="Page_Text" -->

        <p class="text-white">Some text</p>

<p class="text-white"> more text and <a class="text-primary-hover" href="services.html">  services link</a></p>

<!-- InstanceEndEditable -->

<i class="slow icon-sli-arrow-down text-white margin-top-20 text-size-16"></i>

        <!-- Image -->

Optional_Subject_Photo

        <img class="margin-top-20 center" src="img/cars/2015-challenger.jpg" alt="">

      

        <!-- dark full width arrow object -->

        <img class="arrow-object" src="img/arrow-object-dark.svg" alt="">

      </header>

    

      <!-- Section 1 -->

      <section class="section-small-padding background-dark text-center">    

        <div class="line">

          <div class="m-10 l-6 xl-4 center">

            <div class="margin">

              <a class="s-12 m-6 margin-s-bottom" href="/">

                <img class="full-img right" src="img/ase-certified.png" alt="">

              </a>

              <a class="s-12 m-6" href="/">

                <img class="full-img" src="img/MACS_bevel_logo-small.gif" alt="">

              </a>

            </div>

          </div>                                                                                             

        </div>     

      </section>

      <!-- Section 4 -->

      <section class="background-primary full-width">      

        <div class="m-12 l-6 xl-5 xxl-4">

Optional_Picture_2

          <img class="full-img" src="img/engines/67-nascar-dodge-hemi-with-dual-carb.jpg"/>

        </div>

        <div class="m-12 l-6 xl-7 xxl-8">

          <div class="l-12 xl-11 xxl-8 padding-2x">

_____________________________________________________________________________________________________

As You can see the html is incomplete. I am clueless as to what could be wrong. Because automotive repair has many facets I have about 77 pages ready for the template. I have been stuck here for several days and i fear that moving forward with the website will have me not being able to make site-wide changes easily like i have in the past. My new shop is due to open up in less than a month and I was really hoping to get some placement in Google before the shop opens. Any help would be greatly appreciated as i have several technicians that are depending on me getting this shop off of the ground so that they can feed their families.

Views

629

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Beginner , Jan 13, 2019 Jan 13, 2019

So I re-wrote the page but eliminated the editable optional regions and turned them all into just plain old editable regions. When i generated pages with the new template they came out with perfect, error free html. I can still delete the sections that I didn't want on ever page buy simply clearing the sample text or pictures from the editable region and leaving it blank.  Here is a page made with the new template:  Welcome to Rockridge Automotive Repair I made small changes in the template and

...

Votes

Translate

Translate
Community Expert ,
Jan 12, 2019 Jan 12, 2019

Copy link to clipboard

Copied

Your page is not linked to a template. For this to happen, the child pages should contain a line similar to

<!-- InstanceBegin template="/Templates/myTemplate.dwt" codeOutsideHTMLIsLocked="false" -->

For more on templates, see How to create Dreamweaver template

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 12, 2019 Jan 12, 2019

Copy link to clipboard

Copied

First off, thanks for answering. On line two the declaration of the template, (<html itemscope itemtype="http://schema.org/AutoRepair" lang="en"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->) is there. When the page generates it doesn't create the closing tags for the, "InstanceBegin, or the other missing tags. I have also deleted the schema reference from the html tag. I ghave completely re-written the code one line at a time. All of my tags are balanced in the template file but the generated files are still incomplete. It's killing me slowly.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 13, 2019 Jan 13, 2019

Copy link to clipboard

Copied

This is what I see

Also index.dwt cannot be found in the Templates subdirectory. Please see the link in my previous reply if you want to work with the Dreamweaver Template system.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 13, 2019 Jan 13, 2019

Copy link to clipboard

Copied

Ben, again I thank you for responding. Please re-read the post. The first page of html code is from the TEMPLATE, not from the resulting page. The template doesn't have the declaration, "<!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->" It's a template. The second page of html has this declaration which correctly points to the Template file index.dwt which is correctly placed in the template folder. I have written about forty websites using Dreamweaver templates. Each time that i created a template I was able to create new web pages based upon that template and Dreamweaver rendered the web page with the references to the original template. I usually use a file named index.dwt for files which look similar to the index page, (contact.html, gallery.html, contact.html, services.html and products.html) and blank.dwt for pages which show service items or parts offerings Service web pages are kept in a folder called services and parts are kept in a folder called parts. by creating the pages using only two templates I can easily give the sight a spooky look for Halloween, a Christmas theme for Christmas, a new years theme, fourth of July theme or Valentine's day theme with ease. For some reason, this new version of Dreamweaver is not rendering web pages correctly. it renders pages with missing tags each time and i get immediate html error messages about the missing tags. I can correct the rendered pages by adding the missing html which is:

____________________________________________________________________________________

        </div>

      </div>

    </Section>

</body>

<!-- InstanceEnd --></html>

____________________________________________________________________________________

but I am still getting error messages each time that I make small test changes to the template file. Dreamweaver is simply not creating correct pages from my template.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 13, 2019 Jan 13, 2019

Copy link to clipboard

Copied

Using the latest version of Dreamweaver on a Windows machine, I did not have a problem when creating this example for you.

The page can be found at https://pleysier.com.au/kassie/, the template is neatly housed at https://pleysier.com.au/kassie/Templates/index.dwt ​ where it should be.

If you have a look at the source code, it is vastly different to what I see from your online child page and the Template file that you have shown above.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 13, 2019 Jan 13, 2019

Copy link to clipboard

Copied

Additionally, I get

when I go looking for the template.

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 13, 2019 Jan 13, 2019

Copy link to clipboard

Copied

Hi Ben, My html refers to the css pages, java scripts, google maps an such that relate to either the design or functionality of my site. If I use a template with code like this:

<!DOCTYPE html>

<html lang="en">

  <head>

  <meta charset="UTF-8">

  <meta name="geo.placename" content="105 red Tuttle Road" />

  <meta name="geo.position" content="36.302298, -86.652759" />

  <meta name="geo.region" content="Tennessee" />

  <meta name="geo.localtiy" content="Bethpage, Tennessee" />

  <meta name="ICBM" content="36.498185, -86.368632" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="../css/components.css">

  <link rel="stylesheet" href="../css/icons.css">

  <link rel="stylesheet" href="../css/responsee.css">

  <link rel="stylesheet" href="../owl-carousel/owl.carousel.css">

  <link rel="stylesheet" href="../owl-carousel/owl.theme.css">

  <link rel="stylesheet" href="../css/lightcase.css">

  <!-- CUSTOM STYLE -->

  <link rel="stylesheet" href="../css/template-style.css">

  <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,700,900&subset=latin-ext" rel="stylesheet">

  <script src="../js/jquery-1.8.3.min.js"></script>

  <script src="../js/jquery-ui.min.js"></script>

<!-- JSON-LD markup generated by Google Structured Data Markup Helper. -->

<script type="application/ld+json">

{

  "@context" : "http://schema.org",

  "@type" : "AutoRepair",

  "name" : "Rockbridge Automotive",

  "telephone" : "615-946-2079",

  "geo" : "36.498185, -86.368632"

  "hasMap" : "https://www.google.com/search?q=105+red+tuttle+road&rlz=1C1SQJL_enUS827US827&oq=105+red+tuttle+road&..."

  "address" : {

    "@type" : "PostalAddress",

    "streetAddress" : "105 Red Tuttle Road",

    "addressLocality" : "Bethpage",

    "addressRegion" : "TN",

    "postalCode" : "37022"

  }

}

</script>

  <!-- TemplateBeginEditable name="Meta_Info" -->

  <title>Welcome to Rockridge Automotive Repair</title>

  <meta name="description" content="Rockbridge Automotive does quality automotive repairs and services in Bethpage Tennessee">

  <meta name="keywords" content="Gallatin, auto repair, portland, bethpage, brakes, oil change, auto restoration, castillion springs">

  <!-- TemplateEndEditable -->

  <!-- TemplateParam name="Optional_Subject_Photo" type="boolean" value="true" -->

  <!-- TemplateParam name="Optional_Picture_2" type="boolean" value="true" -->

  </head>

  <body class="size-1280">

    <!-- HEADER -->

    <header class="position-absolute">   

      <!-- Top Navigation -->

      <nav class="background-transparent background-primary-dott full-width sticky">         

        <div class="top-nav">

          <!-- mobile version logo -->             

          <div class="logo hide-l hide-xl hide-xxl">

             <a href="../index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="../img/logo.svg" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="../img/wrench-and-screwdriver.png" alt="">

            </a>

          </div>                 

          <p class="nav-text"></p>

         

          <!-- left menu items -->

          <div class="top-nav left-menu">

             <ul class="right top-ul chevron">

                <li><a href="../index.html">Home</a></li>

                <li><a href="../about-us.html">About Us</a></li>

                <li><a href="../services.html">Our Services</a></li>

             </ul>

          </div>

         

          <!-- logo -->

          <ul class="logo-menu">

            <a href="../index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="../img/wrench-and-screwdriver.png" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="../img/wrench-and-screwdriver.png" alt="">

            </a>

          </ul>

         

          <!-- right menu items -->

          <div class="top-nav right-menu">

             <ul class="top-ul chevron">

                <li>

                  <a>Products</a>

                  <ul>

                    <li><a>Product 1</a></li>

                    <li><a>Product 2</a></li>

                  </ul>

                </li>

                <li><a href="../gallery.html">Gallery</a></li>

                <li><a href="../contact.html">Contact</a></li>

             </ul>

          </div>

        </div>

      </nav>

    </header>

   

    <!-- MAIN -->

<main>

      <div class="section-top-padding background-image text-center" style="background-image:url(../img/img-05.jpg)">  

        <h1 class="text-extra-thin text-white text-s-size-30 text-m-size-40 text-size-50 text-line-height-1 margin-bottom-40 margin-top-130">

          Rockbridge Automotive

        </h1>

<!-- TemplateBeginEditable name="Page_Title" -->  

<h2 class="text-extra-thin text-white text-s-size-30 text-m-size-30 text-size-30 text-line-height-1 margin-bottom-40">

          Auto Repair Facility In Gallatin TN

        </h2>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="Page_Description" -->

<h3>Page_Description</h3>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="Page_Text" -->

        <p class="text-white">Some text</p>

<p class="text-white"> more text and <a class="text-primary-hover" href="../services.html">  services link</a></p>

<!-- TemplateEndEditable -->

<i class="slow icon-sli-arrow-down text-white margin-top-20 text-size-16"></i>

        <!-- Image -->

<!-- TemplateBeginIf cond="Optional_Subject_Photo" -->Optional_Subject_Photo

        <img class="margin-top-20 center" src="../img/cars/2015-challenger.jpg" alt="">

<!-- TemplateEndIf -->       

        <!-- dark full width arrow object -->

        <img class="arrow-object" src="../img/arrow-object-dark.svg" alt="">

      </div>

     

      <!-- Section 1 -->

      <div class="section-small-padding background-dark text-center">     

        <div class="line">

          <div class="m-10 l-6 xl-4 center">

            <div class="margin">

              <a class="s-12 m-6 margin-s-bottom" href="/">

                <img class="full-img right" src="../img/ase-certified.png" alt="">

              </a>

              <a class="s-12 m-6" href="/">

                <img class="full-img" src="../img/MACS_bevel_logo-small.gif" alt="">

              </a>

            </div>

          </div>

</div>

  </div>  

      </main>

      <!-- Section 4 -->

      <div class="background-primary full-width">       

        <div class="m-12 l-6 xl-5 xxl-4">

<!-- TemplateBeginIf cond="Optional_Picture_2" -->Optional_Picture_2

          <img class="full-img" src="../img/engines/67-nascar-dodge-hemi-with-dual-carb.jpg"/>

<!-- TemplateEndIf -->

        </div>

        <div class="m-12 l-6 xl-7 xxl-8">

          <div class="l-12 xl-11 xxl-8 padding-2x">

<!-- TemplateBeginIf cond="Optional_Text_Title_2" -->

            <h2 class="text-l-size-40 text-size-30 text-white">We Service <b>Old Or New</b></h2>

<!-- TemplateEndIf -->

<!-- TemplateBeginIf cond="Optional_Text_2" -->  

            <p class="margin-bottom">We enjoy repairing the cars and equipment from the old days like this killer Dodge Hemi engine but I love the fuel injected, supercharged monster that we get in the shop today as well. I love the shreaking sound of four cylinder motors, (especially motorcycles) but I love the deep thump of a V-twin, a V-8 or V-10 engine. I dig turbocharged and supercharged engines. I love two strokes. I guess I am just a gear-head!</p>

<!-- TemplateEndIf -->

          </div> 

        </div>

      </div>

     </div

      <!-- Section 5 -->

      <div class="section-small-padding background-grey">  

        <div class="margin2x">

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/ford-logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Chevrolet-Logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Buick-Logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Chrysler-Logo (1).jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/honda-logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/toyota-logo1.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/nissan-logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Jeep-Logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/Infiniti-Logo (1).jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/lexus-logo.jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/mazda-logo (1).jpg"/>

           </div>

           <div class="m-6 l-1">

              <img class="margin-bottom" src="../img/logos/RAM-Logo.jpg"/>

           </div>

        </div>

      </div>

     

      <!-- Section 7 -->

      <div class="section-small-padding background-dark text-center">     

        <div class="line">

          <h2 class="text-white text-size-50 text-m-size-40 margin-bottom-20">Quality Auto Repair </h2>

          <div class="m-10 l-6 xl-4 center">

            <div class="margin">

              <a class="s-12 m-6 margin-s-bottom" href="/">

              </a>

              <a class="s-12 m-6" href="/">

              </a>

            </div>

          </div>                                                                                              

        </div>      

      </div>

  <!-- FOOTER -->

          <!-- Social -->

      <div class="background-primary padding text-center">

        <a href="/"><i class="icon-facebook_circle text-size-25 text-dark"></i></a>

        <a href="/"><i class="icon-twitter_circle text-size-25 text-dark"></i></a>

        <a href="/"><i class="icon-google_plus_circle text-size-25 text-dark"></i></a>

        <a href="/"><i class="icon-instagram_circle text-size-25 text-dark"></i></a>

        <a href="/"><i class="icon-linked_in_circle text-size-25 text-dark"></i></a>

  </div>

      <!-- Main Footer -->

      <footer class="section background-dark">

        <div class="line">

          <div class="margin2x">

            <div class="s-12 m-6 l-3 xl-5">

               <h4 class="text-white text-strong">Our Mission</h4>

               <p>

                 <b class="text-size-20">Reliable friendly Service!</b> We strive to give our clients the best auto repair service in Sumner County. We provide <b class="text-size-20">Christian Automotive Repairs</b>, because we have to answer to a much higher authority.

               </p>

            </div>

            <div class="s-12 m-6 l-3 xl-2">

               <h4 class="text-white text-strong margin-m-top-30">Useful Links</h4>

               <a class="text-primary-hover" href="../page.html">FAQ</a><br>     

               <a class="text-primary-hover" href="../contact.html">Contact Us</a><br>

               <a class="text-primary-hover" href="../blog.html">Blog</a>

            </div>

            <div class="s-12 m-6 l-3 xl-2">

               <h4 class="text-white text-strong margin-m-top-30">Term of Use</h4>

               <a class="text-primary-hover" href="../page.html">Terms and Conditions</a><br>

               <a class="text-primary-hover" href="../page.html">Refund Policy</a><br>

               <a class="text-primary-hover" href="../page.html">Disclaimer</a>

            </div>

            <div itemscope itemtype="http://schema.org/AutoRepair" class="s-12 m-6 l-3 xl-3">

               <h4 class="text-white text-strong margin-m-top-30">Contact Us</h4>

<a class="text-primary-hover" href="mailto:info@gallatinautorepairs.com"><i class="icon-sli-mouse text-primary"></i> info@gallatinautorepairs</a><br>

                <p><i class="icon-sli-screen-smartphone text-primary"></i>

<span itemprop="telephone"> 615-946-2079</span></p>               

<i class="icon-mail text-primary"></i><span itemprop="streetAddress"> 105 Red Tuttle Road</span><br>

<i class="icon-home text-primary"></i><span itemprop="addressLocality"> Bethpage</span>,

                <span itemprop="addressRegion">TN</span>

                <span itemprop="postalCode">37022</span>

            </div>

          </div>

</div>

      </footer>

      <div class="background-dark">

         <div class="line">

            <hr class="break margin-top-bottom-0" style="border-color: #777;">

         </div>

      </div>

      <!-- Bottom Footer -->

      <div class="padding-2x background-dark full-width">

        <div class="line">

          <div class="s-12 l-6">

            <p class="text-size-12">&copy;Copyright 2018, Rockbridge Automotive</p>

            <p class="text-size-12">I would like to thank the designers at <a class="text-primary-hover" href="https://signup.graphicszoo.com/get-started/">Graphic Zoo</a> for this website design.</p>

          </div>

          <div class="s-12 l-6">

            <a class="right text-size-12 text-primary-hover" href="http://www.myresponsee.com" title="Responsee - lightweight responsive framework">Design and coding<br> by Responsee Team</a>

          </div>

        </div> 

      </div>

    <script src="../js/responsee.js"></script>

    <script src="../owl-carousel/owl.carousel.js"></script>

    <script src="../js/template-scripts.js"></script>

  </body>

</html>

______________________________________________________________________________________________________

I should get a code-set that looks like this:

<!DOCTYPE html>

<html lang="en"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

  <head>

  <meta charset="UTF-8">

  <meta name="geo.placename" content="105 red Tuttle Road" />

  <meta name="geo.position" content="36.302298, -86.652759" />

  <meta name="geo.region" content="Tennessee" />

  <meta name="geo.localtiy" content="Bethpage, Tennessee" />

  <meta name="ICBM" content="36.498185, -86.368632" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="css/components.css">

  <link rel="stylesheet" href="css/icons.css">

  <link rel="stylesheet" href="css/responsee.css">

  <link rel="stylesheet" href="owl-carousel/owl.carousel.css">

  <link rel="stylesheet" href="owl-carousel/owl.theme.css">

  <link rel="stylesheet" href="css/lightcase.css">

  <!-- CUSTOM STYLE -->

  <link rel="stylesheet" href="css/template-style.css">

  <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,700,900&subset=latin-ext" rel="stylesheet">

  <script src="js/jquery-1.8.3.min.js"></script>

  <script src="js/jquery-ui.min.js"></script>

<!-- JSON-LD markup generated by Google Structured Data Markup Helper. -->

<script type="application/ld+json">

{

  "@context" : "http://schema.org",

  "@type" : "AutoRepair",

  "name" : "Rockbridge Automotive",

  "telephone" : "615-946-2079",

  "geo" : "36.498185, -86.368632"

  "hasMap" : "https://www.google.com/search?q=105+red+tuttle+road&rlz=1C1SQJL_enUS827US827&oq=105+red+tuttle+road&..."

  "address" : {

    "@type" : "PostalAddress",

    "streetAddress" : "105 Red Tuttle Road",

    "addressLocality" : "Bethpage",

    "addressRegion" : "TN",

    "postalCode" : "37022"

  }

}

</script>

  <!-- InstanceBeginEditable name="Meta_Info" -->

  <title>Welcome to Rockridge Automotive Repair</title>

  <meta name="description" content="Rockbridge Automotive does quality automotive repairs and services in Bethpage Tennessee">

  <meta name="keywords" content="Gallatin, auto repair, portland, bethpage, brakes, oil change, auto restoration, castillion springs">

  <!-- InstanceEndEditable -->

  <!-- InstanceParam name="Optional_Subject_Photo" type="boolean" value="true" -->

  <!-- InstanceParam name="Optional_Picture_2" type="boolean" value="true" -->

  </head>

  <body class="size-1280">

    <!-- HEADER -->

    <header class="position-absolute">   

      <!-- Top Navigation -->

      <nav class="background-transparent background-primary-dott full-width sticky">         

        <div class="top-nav">

          <!-- mobile version logo -->             

          <div class="logo hide-l hide-xl hide-xxl">

             <a href="index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="img/logo.svg" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="img/wrench-and-screwdriver.png" alt="">

            </a>

          </div>                 

          <p class="nav-text"></p>

         

          <!-- left menu items -->

          <div class="top-nav left-menu">

             <ul class="right top-ul chevron">

                <li><a href="index.html">Home</a></li>

                <li><a href="about-us.html">About Us</a></li>

                <li><a href="services.html">Our Services</a></li>

             </ul>

          </div>

         

          <!-- logo -->

          <ul class="logo-menu">

            <a href="index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="img/wrench-and-screwdriver.png" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="img/wrench-and-screwdriver.png" alt="">

            </a>

          </ul>

         

          <!-- right menu items -->

          <div class="top-nav right-menu">

             <ul class="top-ul chevron">

                <li>

                  <a>Products</a>

                  <ul>

                    <li><a>Product 1</a></li>

                    <li><a>Product 2</a></li>

                  </ul>

                </li>

                <li><a href="gallery.html">Gallery</a></li>

                <li><a href="contact.html">Contact</a></li>

             </ul>

          </div>

        </div>

      </nav>

    </header>

   

    <!-- MAIN -->

<main>

      <div class="section-top-padding background-image text-center" style="background-image:url(img/img-05.jpg)">  

        <h1 class="text-extra-thin text-white text-s-size-30 text-m-size-40 text-size-50 text-line-height-1 margin-bottom-40 margin-top-130">

          Rockbridge Automotive

        </h1>

<!-- InstanceBeginEditable name="Page_Title" -->  

<h2 class="text-extra-thin text-white text-s-size-30 text-m-size-30 text-size-30 text-line-height-1 margin-bottom-40">

          Auto Repair Facility In Gallatin TN

        </h2>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="Page_Description" -->

<h3>Page_Description</h3>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="Page_Text" -->

        <p class="text-white">Some text</p>

<p class="text-white"> more text and <a class="text-primary-hover" href="services.html">  services link</a></p>

<!-- InstanceEndEditable -->

<i class="slow icon-sli-arrow-down text-white margin-top-20 text-size-16"></i>

        <!-- Image -->

Optional_Subject_Photo

        <img class="margin-top-20 center" src="img/cars/2015-challenger.jpg" alt="">

       

        <!-- dark full width arrow object -->

        <img class="arrow-object" src="img/arrow-object-dark.svg" alt="">

      </div>

     

      <!-- Section 1 -->

      <div class="section-small-padding background-dark text-center">     

        <div class="line">

          <div class="m-10 l-6 xl-4 center">

            <div class="margin">

              <a class="s-12 m-6 margin-s-bottom" href="/">

                <img class="full-img right" src="img/ase-certified.png" alt="">

              </a>

              <a class="s-12 m-6" href="/">

                <img class="full-img" src="img/MACS_bevel_logo-small.gif" alt="">

              </a>

            </div>

          </div>

</div>

  </div>  

      </main>

      <!-- Section 4 -->

      <div class="background-primary full-width">       

        <div class="m-12 l-6 xl-5 xxl-4">

Optional_Picture_2

          <img class="full-img" src="img/engines/67-nascar-dodge-hemi-with-dual-carb.jpg"/>

        </div>

        <div class="m-12 l-6 xl-7 xxl-8">

          <div class="l-12 xl-11 xxl-8 padding-2x">

        </div>

       </div>

</body>

<!-- InstanceEnd --></html>

__________________________________________________________________________________________________________

this code looks perfect in chrome, Safari and Internet Explorer. Here is the live site test page which looks just like my index page Welcome to Rockridge Automotive Repair- Test Page

What I get instead is this:

<!DOCTYPE html>

<html lang="en"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->

  <head>

  <meta charset="UTF-8">

  <meta name="geo.placename" content="105 red Tuttle Road" />

  <meta name="geo.position" content="36.302298, -86.652759" />

  <meta name="geo.region" content="Tennessee" />

  <meta name="geo.localtiy" content="Bethpage, Tennessee" />

  <meta name="ICBM" content="36.498185, -86.368632" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="css/components.css">

  <link rel="stylesheet" href="css/icons.css">

  <link rel="stylesheet" href="css/responsee.css">

  <link rel="stylesheet" href="owl-carousel/owl.carousel.css">

  <link rel="stylesheet" href="owl-carousel/owl.theme.css">

  <link rel="stylesheet" href="css/lightcase.css">

  <!-- CUSTOM STYLE -->

  <link rel="stylesheet" href="css/template-style.css">

  <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,700,900&subset=latin-ext" rel="stylesheet">

  <script src="js/jquery-1.8.3.min.js"></script>

  <script src="js/jquery-ui.min.js"></script>

<!-- JSON-LD markup generated by Google Structured Data Markup Helper. -->

<script type="application/ld+json">

{

  "@context" : "http://schema.org",

  "@type" : "AutoRepair",

  "name" : "Rockbridge Automotive",

  "telephone" : "615-946-2079",

  "geo" : "36.498185, -86.368632"

  "hasMap" : "https://www.google.com/search?q=105+red+tuttle+road&rlz=1C1SQJL_enUS827US827&oq=105+red+tuttle+road&..."

  "address" : {

    "@type" : "PostalAddress",

    "streetAddress" : "105 Red Tuttle Road",

    "addressLocality" : "Bethpage",

    "addressRegion" : "TN",

    "postalCode" : "37022"

  }

}

</script>

  <!-- InstanceBeginEditable name="Meta_Info" -->

  <title>Welcome to Rockridge Automotive Repair</title>

  <meta name="description" content="Rockbridge Automotive does quality automotive repairs and services in Bethpage Tennessee">

  <meta name="keywords" content="Gallatin, auto repair, portland, bethpage, brakes, oil change, auto restoration, castillion springs">

  <!-- InstanceEndEditable -->

  <!-- InstanceParam name="Optional_Subject_Photo" type="boolean" value="true" -->

  <!-- InstanceParam name="Optional_Picture_2" type="boolean" value="true" -->

  </head>

  <body class="size-1280">

    <!-- HEADER -->

    <header class="position-absolute">   

      <!-- Top Navigation -->

      <nav class="background-transparent background-primary-dott full-width sticky">         

        <div class="top-nav">

          <!-- mobile version logo -->             

          <div class="logo hide-l hide-xl hide-xxl">

             <a href="index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="img/logo.svg" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="img/wrench-and-screwdriver.png" alt="">

            </a>

          </div>                 

          <p class="nav-text"></p>

         

          <!-- left menu items -->

          <div class="top-nav left-menu">

             <ul class="right top-ul chevron">

                <li><a href="index.html">Home</a></li>

                <li><a href="about-us.html">About Us</a></li>

                <li><a href="services.html">Our Services</a></li>

             </ul>

          </div>

         

          <!-- logo -->

          <ul class="logo-menu">

            <a href="index.html" class="logo">

              <!-- Logo White Version -->

              <img class="logo-white" src="img/wrench-and-screwdriver.png" alt="">

              <!-- Logo Dark Version -->

              <img class="logo-dark" src="img/wrench-and-screwdriver.png" alt="">

            </a>

          </ul>

         

          <!-- right menu items -->

          <div class="top-nav right-menu">

             <ul class="top-ul chevron">

                <li>

                  <a>Products</a>

                  <ul>

                    <li><a>Product 1</a></li>

                    <li><a>Product 2</a></li>

                  </ul>

                </li>

                <li><a href="gallery.html">Gallery</a></li>

                <li><a href="contact.html">Contact</a></li>

             </ul>

          </div>

        </div>

      </nav>

    </header>

   

    <!-- MAIN -->

<main>

      <div class="section-top-padding background-image text-center" style="background-image:url(img/img-05.jpg)">  

        <h1 class="text-extra-thin text-white text-s-size-30 text-m-size-40 text-size-50 text-line-height-1 margin-bottom-40 margin-top-130">

          Rockbridge Automotive

        </h1>

<!-- InstanceBeginEditable name="Page_Title" -->  

<h2 class="text-extra-thin text-white text-s-size-30 text-m-size-30 text-size-30 text-line-height-1 margin-bottom-40">

          Auto Repair Facility In Gallatin TN

        </h2>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="Page_Description" -->

<h3>Page_Description</h3>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="Page_Text" -->

        <p class="text-white">Some text</p>

<p class="text-white"> more text and <a class="text-primary-hover" href="services.html">  services link</a></p>

<!-- InstanceEndEditable -->

<i class="slow icon-sli-arrow-down text-white margin-top-20 text-size-16"></i>

        <!-- Image -->

Optional_Subject_Photo

        <img class="margin-top-20 center" src="img/cars/2015-challenger.jpg" alt="">

       

        <!-- dark full width arrow object -->

        <img class="arrow-object" src="img/arrow-object-dark.svg" alt="">

      </div>

     

      <!-- Section 1 -->

      <div class="section-small-padding background-dark text-center">     

        <div class="line">

          <div class="m-10 l-6 xl-4 center">

            <div class="margin">

              <a class="s-12 m-6 margin-s-bottom" href="/">

                <img class="full-img right" src="img/ase-certified.png" alt="">

              </a>

              <a class="s-12 m-6" href="/">

                <img class="full-img" src="img/MACS_bevel_logo-small.gif" alt="">

              </a>

            </div>

          </div>

</div>

  </div>  

      </main>

      <!-- Section 4 -->

      <div class="background-primary full-width">       

        <div class="m-12 l-6 xl-5 xxl-4">

Optional_Picture_2

          <img class="full-img" src="img/engines/67-nascar-dodge-hemi-with-dual-carb.jpg"/>

        </div>

        <div class="m-12 l-6 xl-7 xxl-8">

          <div class="l-12 xl-11 xxl-8 padding-2x">

_________________________________________________________________________________________________________

As you can see the html is incomplete.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 13, 2019 Jan 13, 2019

Copy link to clipboard

Copied

LATEST

So I re-wrote the page but eliminated the editable optional regions and turned them all into just plain old editable regions. When i generated pages with the new template they came out with perfect, error free html. I can still delete the sections that I didn't want on ever page buy simply clearing the sample text or pictures from the editable region and leaving it blank.  Here is a page made with the new template:  Welcome to Rockridge Automotive Repair I made small changes in the template and when I saved it Dreamweaver updated the child pages for me! Yipee!! I still don't know what I was doing wrong with the optional editable regions but this workaround is working for me.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines