Copy link to clipboard
Copied
Here is my DW CSS5.5 template and I am unable to save the file as I should, even after inserting the above code within the <head>. Upon validation within DW CSS5.5 I get that coding was added or changed outside the <html> tag, which I wonder how I could have done that. Reading the couple of posts related to this problem Mary O. offered a suggestion to one person as he might have a saved a child page as the DWT. I don't believe that is my case. However, I apparently have done something wrong. DW CSS5.5 validation tool as well as Tidy.html validation isn't of any help as I can accomplish.
Here is the DWT code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frank Dillman, THE Macon County, AL activist</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--TemplateinfoOutsideHTYMLisLocked="true"-->
<meta name="generator" content=
"HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta id="p7LBM" name="viewport" content="width=device-width" />
<link href="file:///C|/Users/Owner/Documents/frank1/HTML/p7lbm/p7LBM-Core.css" rel=
"stylesheet" type="text/css" media="all" />
<link href="file:///C|/Users/Owner/Documents/frank1/HTML/p7lbm/p7LBM-Custom-01.css"
rel="stylesheet" type="text/css" media="all" />
<link href="file:///C|/Users/Owner/Documents/frank1/HTML/p7lbm/p7LBM_1.css" rel=
"stylesheet" type="text/css" media="all" />
<script type="text/javascript" src=
"file:///C|/Users/Owner/Documents/frank1/HTML/p7pm3/p7PM3scripts.js">
</script>
<link href="file:///C|/Users/Owner/Documents/frank1/HTML/p7pm3/p7PM3-11.css" rel=
"stylesheet" type="text/css" media="all" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113580895-1" type=
"text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-113580895-1');
//]]>
</script>
</head>
<body>
<div id="p7LBM_1" class="p7LBM-01 p7LBM">
<div class="lbm-row">
<div class="lbm-col-wrapper">
<div id="menu" class="lbm-column width-100 p7LBM-1-style-1">
<div id="p7PM3_1" class=
"p7PM3-11 p7PM3 p7PM3noscript horiz responsive menu-centered auto-subs sub-left">
<div id="p7PM3tb_1" class="pmm3-toolbar closed">
<a href="#" title="Hide/Show Menu">≡</a>
</div>
<ul class="closed">
<li>
<a href="#">Us</a>
<ul>
<li><a href="../frd.htm">Frank</a></li>
<li><a href="../sgi.htm">Dorothea & me</a></li>
<li><a href="../gkids-to-2014.htm">Grandkids</a></li>
</ul>
</li>
<li>
<a href="#">Farm</a>
<ul>
<li><a href="../snakes.htm">Alabama Snakes</a></li>
<li><a href="../fruit.htm">Fruit Growing</a></li>
<li><a href="../bees.htm">Honey Bees</a></li>
</ul>
</li>
<li><a href="#">Military</a></li>
<li>
<a href="#">Recreation</a>
<ul>
<li><a href="../sglass.htm">Staine Glass</a></li>
<li>
<a href="#">Genealogy</a>
<ul>
<li><a href="../gen.htm">Dillman Genealogy - start</a></li>
<li><a href="../orbits.htm">Dillman Orbits</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="../budday.htm">Colonel Bud Day</a></li>
<li>
<a href="#">Local</a>
<ul>
<li>
<a href="../notasulga.htm">Notasulga</a>
<ul>
<li><a href="../smartgrowth.htm">Smart Growth</a></li>
</ul>
</li>
<li>
<a href="#">Macon County</a>
<ul>
<li><a href="../maconcntyzoning.htm">Zoning</a></li>
<li><a href="../maconcnty.htm">County Info</a></li>
<li><a href="../macon-schoolboard-travel.htm">School Board
Travel</a></li>
<li><a href="../elections.htm">Elections</a></li>
<li><a href="../calendar.htm">Calendar</a></li>
<li><a href="../macon-cnty-broke.html">Why Macon Cnty is
Broke</a></li>
<li><a href="../macon-notes.htm">Commission Notes</a></li>
<li><a href="../questionablepractices.htm">Question
Practices</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="../businesses.htm">Misc. Stuff</a></li>
<li><a href="../calendar.htm">Calendar</a></li>
<li>
<a href="#">Politics</a>
<ul>
<li><a href="#">Legislative Committees</a></li>
<li><a href="../immigration.htm">Immigration</a></li>
<li><a href="../common_core.htm">Common Core</a></li>
<li><a href="../quo-warranto-related-documents.htm">Save Our
Constitution</a></li>
<li><a href="../tax-on-food-removal.htm">Food Tax</a></li>
<li><a href="../property-rights.htm">Property Rights</a></li>
<li><a href="../political_links.htm">Resources</a></li>
<li><a href="../www.letbamavote.org">Initiative &
Referendum</a></li>
</ul>
</li>
</ul><script type="text/javascript">
//<![CDATA[
P7_PM3op('p7PM3_1',1,8,-5,-5,0,1,0,1,0,1,1,1,0,900,1,0,0)
//]]>
</script>
</div>
</div>
</div>
</div>
<div class="lbm-row">
<div class="lbm-col-wrapper">
<div id="body" class="lbm-column width-100 p7LBM-1-style-2">
<!-- TemplateBeginEditable name="body" -->put text here,
<h3>header for page</h3><!-- TemplateEndEditable -->
</div>
</div>
</div>
<div class="lbm-row">
<div class="lbm-col-wrapper">
<div id="footer" class="lbm-column width-100 p7LBM-1-style-3">
<table width="100%" border="1" cellspacing="1" cellpadding="1" summary=
"footer for frankdillman.com">
<tr>
<td><!-- #BeginDate format:En2m -->14-Feb-2018 18:00<!-- #EndDate --></td>
<td style="vertical-align: center">Site managed and paid by Frank Dillman,
2273 County Road 54 West, Notasulga, AL 36866</td>
<td style="vertical-align: middle">
<p>Copyright 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017,
2018</p>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
The CORE CSS file:
/*
-----------------------------
PVII Layout Builder Magic
by Project Seven Development
www.projectseven.com
Core Styles
Version: 1.3.2
-----------------------------
*/
/*
**************************************
DO NOT EDIT OR DELETE BELOW THIS LINE
**************************************
*/
body {margin: 0px;}
/*Font Size*/
.lbm-text-150 {font-size: 150%;}
.lbm-text-140 {font-size: 140%;}
.lbm-text-130 {font-size: 130%;}
.lbm-text-120 {font-size: 120%;}
.lbm-text-110 {font-size: 110%;}
.lbm-text-100 {font-size: 100%;}
.lbm-text-90 {font-size: 90%;}
.lbm-text-80 {font-size: 80%;}
.p7LBM, .lbm-col-wrapper {
margin: auto !important;
box-sizing: border-box;
}
.lbm-col-wrapper:after {
content: "";
display: table;
clear: both;
}
.lbm-column {
box-sizing: border-box;
padding: 20px 30px;
float: left;
}
.lbm-no-pad {padding: 0px !important;}
/*Column Widths*/
.width-10 {width: 10%;}
.width-15 {width: 15%;}
.width-20 {width: 20%;}
.width-25 {width: 25%;}
.width-30 {width: 30%;}
.width-33 {width: 33.333%;}
.width-35 {width: 35%;}
.width-40 {width: 40%;}
.width-45 {width: 45%;}
.width-50 {width: 50%;}
.width-55 {width: 55%;}
.width-60 {width: 60%;}
.width-65 {width: 65%;}
.width-66 {width: 66.666%;}
.width-70 {width: 70%;}
.width-75 {width: 75%;}
.width-80 {width: 80%;}
.width-85 {width: 85%;}
.width-90 {width: 90%;}
.width-100 {float: none;}
/*Column Gutters*/
.lbm-gutter {
margin: 0% 0%;
}
.lbm-gutter.lbm-rounded,
.lbm-gutter.lbm-bordered {
margin: .5%;
}
.lbm-bordered {
border: 1px solid;
}
.lbm-rounded {
border-radius: 6px;
}
.lbm-gutter.width-10 {width: 9%;}
.lbm-gutter.width-15 {width: 14%;}
.lbm-gutter.width-20 {width: 19%;}
.lbm-gutter.width-25 {width: 24%;}
.lbm-gutter.width-30 {width: 29%;}
.lbm-gutter.width-33 {width: 32.333%;}
.lbm-gutter.width-35 {width: 34%;}
.lbm-gutter.width-40 {width: 39%;}
.lbm-gutter.width-45 {width: 44%;}
.lbm-gutter.width-50 {width: 49%;}
.lbm-gutter.width-55 {width: 54%;}
.lbm-gutter.width-60 {width: 59%;}
.lbm-gutter.width-65 {width: 64%;}
.lbm-gutter.width-66 {width: 65%;}
.lbm-gutter.width-70 {width: 69%;}
.lbm-gutter.width-75 {width: 74%;}
.lbm-gutter.width-80 {width: 79%;}
.lbm-gutter.width-85 {width: 84%;}
.lbm-gutter.width-90 {width: 89%;}
/*Column Separators */
.lbm-sep-left {border-left: 1px solid;}
.lbm-sep-right {border-right: 1px solid;}
.lbm-sep-top {border-top: 1px solid;}
.lbm-sep-bottom {border-bottom: 1px solid;}
/*Column Group Widths*/
.max-1800 {max-width: 1800px;}
.max-1700 {max-width: 1700px;}
.max-1600 {max-width: 1600px;}
.max-1500 {max-width: 1500px;}
.max-1400 {max-width: 1400px;}
.max-1200 {max-width: 1200px;}
.max-1000 {max-width: 1000px;}
.max-940 {max-width: 940px;}
.max-800 {max-width: 800px;}
/*Alignment*/
.lbm-centered {text-align: center;}
.lbm-right {text-align: right;}
.lbm-float-right {float: right;}
/* word break */
.lbm-break-text {
word-break: break-all;
}
/*Background Images*/
.lbm-bg-fixed {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}
.lbm-bg-repeat {
background-repeat: repeat;
}
.lbm-bg-no-repeat {
background-repeat: no-repeat;
}
.lbm-bg-tile-x {
background-repeat: repeat-x;
}
.lbm-bg-tile-y {
background-repeat: repeat-y;
}
img {vertical-align: bottom;}
img.scalable {
width: auto;
height: auto;
max-width: 100%;
}
.lbm-ehc img.scalable,
.lbm-ehc img.scalable-rounded,
.lbm-ehc img.scalable-fancy {
width: 100%; height: auto; max-width: none;
}
/*Video and Map Wrappers
When inserting an iframe-based video or Google Map, add a DIV first and assign the appropriate wrapper class
*/
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0px;
overflow: hidden;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map-wrapper {
position: relative;
padding-bottom: 100%;
padding-top: 0px;
height: 0px;
overflow: hidden;
margin-bottom: 20px;
}
.map-wrapper iframe, .map-wrapper object, .map-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*EHC Rules*/
.lbm-ehc .lbm-col-wrapper:after {
display: none;
}
.lbm-ehc .lbm-col-wrapper {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0px 0px;
padding: 0px;
}
.lbm-ehc.lbm-gutter .lbm-col-wrapper {
border-collapse: separate;
border-spacing: 10px;
margin: auto;
}
.lbm-ehc .lbm-column {
display: table-cell;
vertical-align: top;
float: none;
}
.lbm-ehc .lbm-column.width-100 {
display: block;
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
.lbm-column {float: none !important; width: auto !important; border: none !important;}
.lbm-ehc, .lbm-ehc .lbm-column {display: block !important; border-radius: 0px;}
.lbm-row.lbm-ehc.lbm-gutter .lbm-col-wrapper {padding: 0px 0px;}
.lbm-col-wrapper {display: block !important;}
}
Have something to add?