Skip to main content
pliles
Inspiring
May 16, 2022
Question

Totally Lost After Six Hours Of Troubleshooting!

  • May 16, 2022
  • 1 reply
  • 284 views

Had a site up for twenty-one years and all of a sudden I cannot update 1/2 the pages because I get and error saying 

 

I looked at line 8 until I was blue in the face!

 

1 <!DOCTYPE HTML>

2 <html id="top" lang="en">

3 <head>

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

5 <!-- #BeginEditable "doctitle" -->

6 <title>Fireworks At McKennas On The Bay July 3rd 2012</title>

7 <meta name="description" content="Fireworks At McKennas On Los Amitos Bay In Long Beach California Jujly 2012"/>

8 <meta name="keywords" content="dirJuly4th2012,McKennas,fireworks,Cathey"/>

<!-- #EndEditable -->

 

<link rel="stylesheet" type="text/css" title="CSS" href="http://lilesnet.com/july4th/styles/july4th.css" media="screen" />

 

There are 100 pages in this site and about 1/2 of them will not update for the same reason???

 

Any help appreciated!

 

Paul

 

    This topic has been closed for replies.

    1 reply

    Nancy OShea
    Community Expert
    Community Expert
    May 16, 2022

    Your template DWT is malformed.  You can't nest editable regions inside other editable regions.

     

    Here is what a proper DWT should look like:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Unique Page Title</title>
    <!-- TemplateEndEditable -->
    
    <!--Bootstrap CSS-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    
    <style>
    /**a few custom styles**/
    body {
    	min-height: 100vh;
    	background: url( https://placeimg.com/1000/900/nature?t=1531616140833) no-repeat center center fixed;
    	background-size: cover;
    }
    .flex-grow { flex: 1; }
    .wrapper {text-align:center}
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    
    <body class="d-flex flex-column">
    
    <!--sitewide navigtaion-->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand" href="#">Brand/Logo</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
    <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
    <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li>
    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#">Sub-menu 1</a> <a class="dropdown-item" href="#">Sub-menu 2</a> <a class="dropdown-item" href="#">Sub-menu 3</a> </div>
    </li>
    </ul>
    <!--Search form-->
    <form class="form-inline my-2 my-lg-0">
    <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
    <button class="btn btn-outline-info my-2 my-sm-0" type="submit">Search</button>
    </form>
    </div>
    </nav>
    <div class="wrapper">
    </div>
    
    <main class="container flex-grow">
    <div class="row">
    
    <!-- TemplateBeginEditable name="EditRegionJumbotron" -->
    <div class="jumbotron mx-auto">
    <h2>Dreamweaver Template with Bootstrap 4</h2>
    <p>This is for unique content that changes from page to page.</p>
    <img class="img-fluid" src="https://dummyimage.com/600x400" alt="placeholder">
    </div>
    <!-- TemplateEndEditable --> 
    </div>
    </main>
    
    <div class="container-fluid">
    <!--sitewide footer-->
    <footer class="row bg-dark text-light text-center">
    <div class="col">
    Footer text
    </div>
    
    <div class="col">
    Footer text
    </div>
    
    <div class="col">
    Footer text
    </div>
    
    </footer>
    </div>
    
    
    <!--First jQuery then Popper then Bootstrap JS--> 
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </body>
    </html>
    

     

    Hope that helps.

     

    Nancy O'Shea— Product User & Community Expert
    pliles
    plilesAuthor
    Inspiring
    May 16, 2022

    Thank you... One additional questions.  I wanted to add an editable region to the Template but I can't seem to do it?  

     

    My code is:

     

    <!DOCTYPE html>
    <html id="top" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     

    <!-- #TemplateBeginEditable name="doctitle" -->
    <title>Place Page Title Here</title>
    <meta name="description" content=""/>
    <meta name="keywords" content="dirjuly4th,"/>
    <!-- #TemplateEndEditable -->


    <link rel="stylesheet" type="text/css" title="CSS" href="http://lilesnet.com/july4th/styles/july4th.css" media="screen" />
    <!-- TemplateBeginEditable name="UniqueStyles" -->
    <!-- TemplateEndEditable -->
    <script>
    <!--
    function ShowSign(){
    url = "/cgi-script/psGuest/psGuest.php?command=sa&gid=3";
    window.open(url,"","width=750,height=500,scrollbars=yes,location=no,status=no,resizable=yes");
    }
    // -->
    <!-- #BeginEditable name="UniqueStyles" -->
    <!-- #EndEditable -->
    </script>
    </head>

    <body>
    <div id="container">
    <div id="masthead">
    <!-- TemplateBeginEditable name="pagetitle" -->
    <h1> Page Title </h1>
    <h3>Quote Of Choice</h3>


    <!-- TemplateEndEditable --> </div>

    <div id="navigation">
    <!--#include virtual="/july4th/navigation-top.txt" -->

    <hr class="divider">
    <!--#include virtual="/july4th/navigation-other-patriotic-sites.txt" -->
    <hr class="divider">
    <!--#include virtual="/july4th/navigation-site.txt" -->
    <hr class="divider">
    <!--#include virtual="/july4th/navigation-yearly.txt" -->

     

     

     

     

    ******** I wanted to add an editable area for UNique Navigation  here*************

    When I try to add it, nothing happens??

    </div>

    Nancy OShea
    Community Expert
    Community Expert
    May 16, 2022

    You can't do it because your template is still malformed.  Proper structure is essential. 

     

    Let's try this again...

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Unique Page Title</title>
    <!-- TemplateEndEditable -->
    
    </style>
    /**YOUR CSS GOES HERE**/
    <style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    
    <body>
    <!--SITEWIDE CONTENT GOES HERE-->
    <header>Header</header>
    <nav>Navigation</nav>
    
    <main>
    <!-- TemplateBeginEditable name="EditRegionMain" -->
    <!--PAGE SPECIFIC CONTENT GOES HERE-->
    <!-- TemplateEndEditable --> 
    </main>
    
    <footer>
    <!--SITEWIDE CONTENT GOES HERE-->
    </footer>
    
    </body>
    </html>
    

     

    Nancy O'Shea— Product User & Community Expert