Skip to main content
Inspiring
March 17, 2018
Answered

Errors

  • March 17, 2018
  • 2 replies
  • 1423 views

Having somehow maneuvered just about everything related to my website with CSS, (once the original web designer built the site in the HTML language), I am noticing some errors on various HTML-looking pages. Here is an example. I'm not sure what the errors mean and surely don't know how to correct them.

Do these look like serious issues? Or could there be an easy solution?

Thanks.

This topic has been closed for replies.
Correct answer Nancy OShea

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Suzette Boulais: Thoughts That Soar</title>

<style type="text/css">

<!--

body,td,th {

color: #333333;

font-family: Verdana, Arial, Helvetica, sans-serif;

text-align: center;

font-weight: bold;

}

body {

background-color: #C8BCB3;

text-align: center;

}

a:link {

color: #333333;

text-decoration: none;

}

a:visited {

color: #333333;

text-decoration: none;

}

a:hover {

text-decoration: none;

}

a:active {

text-decoration: none;

font-weight: bold;

}

.MarcBoulais {

text-align: center;

}

.MarcBoulais td p {

font-size: 9px;

}

.MarcBoulais td p {

font-size: medium;

}

.style2 {font-size: 14}

-->

</style>

</head>

<body>

<h3 align="center"> </h3>

<h3 align="center">THOUGHTS THAT SOAR</h3>

<h3 align="center">www.SuzetteBoulais.com</h3>

<p align="center"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Suzette.png" width="448" height="79" alt=""/></p>

<p align="center"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/TTS.png" width="514" height="272" alt=""/></p>

<p align="center">Welcome to my Thoughts That Soar <br>

  notecards, pictorial books and videos.<br>

  <br>

</p>

<p align="center"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/messages.png" width="624" height="69" alt=""/></p>

<p align="center">NOTECARDS<br>

  <br>

  <img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Shewas.jpg" width="608" height="810" alt=""/><br>

  <br>

  <br>

  These are just a few inspirational notecards I've designed,<br>

using prints of my original artwork as a backdrop. <br>

  <br>

  <br>

  <img src="Thoughts That Soar Pages/thoughtsthatsoarweb/collage3.jpg" width="864" height="511" alt=""/><br>

</p>

<p align="center"> </p>

<p align="center"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/sunny.jpg" width="493" height="649" alt=""/><br>

</p>

<h4 align="center"><br>

  <br>

  <img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Livepeace.jpg" width="492" height="655" alt=""/><br>

  <br>

  <br>

</h4>

<p align="center"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Shoot.jpg" width="488" height="669" alt=""/><br>

</p>

<p align="center"> </p>

<p align="center"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/even.jpg" width="478" height="594" alt=""/><br>

  <br>

<br>

</p>

<p align="center"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/peace.jpg" width="472" height="606" alt=""/></p>

<p align="center"> </p>

<p align="center">JOIN ME ON FACEBOOK:<br>

  You can access a variety of other Thoughts That Soar <br>

  on my Thoughts That Soar Facebook page.<br>

Click here:</p>

<p align="center"><a href="https://www.facebook.com/suzette.boulais.5" target="https://www.facebook.com/suzette.boulais.5"></a><a href="https://www.facebook.com/suzette.boulais.5"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/TTSlogoforweb.jpg" width="213" height="133" alt=""/></a></p>

<p align="center"><br>

</p>

<p align="center">NOTECARD COSTS:<br>

  <br>

  Cost is $26.95 per packet. <br>

  One packet includes 10 notecards <br>

  on heavy notecard stock.

  <br>

  You can select 10 of the same image <br>

  or up to 3 different images.<br>

  Size: 4.5&quot; x 5.25&quot; when folded. <br>

  Blank inside.<br>

Shipping and handling are not included.</p>

<p align="center"> </p>

<p align="center">ORDERING AND PAYMENT:<br>

  <br>

  If you would like to order any of the above<br>

  Thoughts That Soar notecards,<br>

  contact me at <br>

  <br>

<a href="mailto:suzette@suzetteboulais.com" style="text-decoration:none" class="style2"><br>

Suzette@SuzetteBoulais.com</a><br>

</p>

<p align="center"><br>

  I can bill you via PayPal <br>

  or you can write a personal check.

    <br>

  <br>

  <br>

</p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/paypal_verified_seal_100x100.gif" width="100" height="100" alt=""/></p>

<p> </p>

<p><strong>BOOKS</strong></p>

<p><strong>Here is a short book of my philosophy of life, On Being Real,<br>

  followed by Remember Better, a pictorial overview<br>

  of some favorite Course in Miracles principles.<br>

  </strong><strong><br>

  Click on the thumbnail images to the left to access the copy.<br>

  <br>

</strong></p>

<table width="425" height="326" border="2" align="center" cellpadding="4" cellspacing="2">

  <tr class="MarcBoulais">

    <td width="146" height="108"><a></a><a href="Thoughts That Soar Pages/Onbeinreal.pdf"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Realcover.jpg" width="156" height="166" alt=""/></a></td>

  <td width="235">&quot;On Being Real&quot; </td>

  <tr class="MarcBoulais">

    <td><a href="Thoughts That Soar Pages/Rememberbetter.pdf"><a href="Thoughts That Soar Pages/Rememberbetter.pdf"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Rememberbetter.jpg" width="159" height="164" alt=""/></a></td>

  <td>&quot;Remember Better&quot;</td>

  </tr>

</table>

<p><br>

  <br>

</p>

<p>VIDEOS</p>

<p>Click  below on the following image<br>

  to access a YouTube video I designed<br>

  about being a good sport in the game of life:<br>

<a href="https://www.youtube.com/watch?v=8m6OFimc4Lw&t=1s">&quot;A Prayer by Cardinal Richard Cushing</a>&quot;<br>

<br>

</p>

<p><a href="https://www.youtube.com/watch?v=iXcT2DNegyY"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/prayer.png" width="303" height="212" alt=""/></a><br>

</p>

<p>

<p><br>

  Here is an inspiring prayer my brother Marc wrote<br>

for his daughter Danielle when she graduated from college.<br>

  Please click on the image below to access a YouTube video of:<br>

  <a href="https://www.youtube.com/watch?v=YPBafAs_DP0&t=6s">&quot;A Father's Prayer</a><a href="https://youtu.be/YPBafAs_DP0"></a>&quot;<br>

  <br>

<p><a href="https://www.youtube.com/watch?v=YPBafAs_DP0"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/FatherPrayer.jpg" width="266" height="262" alt=""/></a><br>

<p>

<p><br>

<p><br>

<p><a href="index.htm">Home</a></p>

<p> </p>

<p> </p>

<p align="center"> </p>

</body>

</html>


OK.  Copy & paste the following new code into a new, blank document.   I fixed your code. There were quite a few careless errors.  I also updated the code to HTML5 and embedded the YouTube videos directly into the page for you.   Take some time to examine the code.   It makes a lot more sense semantically than what you had before.

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Suzette Boulais: Thoughts That Soar</title>

<meta http-equiv="X-UA-Compatible" content="IE=edge">

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

<style>

body {

    width: 75%;

    margin: 0 auto;

    color: #333;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    text-align: center;

    background-color: #C8BCB3;

    font-size: 16px;

    font-size: 1rem;

}

table {

    width: 65%;;

    margin: 0 auto;

    border: 1px solid #333;

}

td { padding: 4px; }

.videoWrapper {

    position: relative;

    padding-bottom: 56.25%; /* 16:9 */

    padding-top: 25px;

    height: 0;

}

.videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

a {

    color: #333;

    text-decoration: none;

    font-weight: normal;

}

a:hover, a:active, a:focus {

    font-weight: bold;

    text-decoration: underline;

}

.center { text-align: center }

img {

    max-width: 100%;

    margin: 0 auto;

    border: 1px solid green;

}

</style>

</head>

<body>

<h3 class="center">THOUGHTS THAT SOAR <br>

www.SuzetteBoulais.com</h3>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Suzette.png" width="448" height="79" alt="..."/></p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/TTS.png" width="514" height="272" alt="..."/></p>

<p>Welcome to my Thoughts That Soar

notecards, pictorial books and videos.</p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/messages.png" width="624" height="69" alt="..."/></p>

<h3>NOTECARDS</h3>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Shewas.jpg" width="608" height="810" alt="..."/></p>

<p>These are just a few inspirational notecards I've designed, using prints of my original artwork as a backdrop.</p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/collage3.jpg" width="864" height="511" alt="..."/></p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/sunny.jpg" width="493" height="649" alt="..."/> </p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Livepeace.jpg" width="492" height="655" alt="..."/></p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Shoot.jpg" width="488" height="669" alt="..."/> </p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/even.jpg" width="478" height="594" alt="..."/></p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/peace.jpg" width="472" height="606" alt="..."/></p>

<hr>

<h4>JOIN ME ON FACEBOOK:</h4>

<p>You can access a variety of other Thoughts That Soar on my Thoughts That Soar Facebook page.</p>

<p><a href="https://www.facebook.com/suzette.boulais.5"> <img src="Thoughts That Soar Pages/thoughtsthatsoarweb/TTSlogoforweb.jpg" width="213" height="133" alt="Facebook Page"/></a></p>

<hr>

<h4>NOTECARD COSTS:</h4>

<p>Cost is $26.95 per packet. One packet includes 10 notecards on heavy notecard stock. You can select 10 of the same image or up to 3 different images. Size: 4.5&quot; x 5.25&quot; when folded.

Notecards are blank inside. Shipping and handling are not included.</p>

<h4>ORDERING AND PAYMENT:</h4>

<p>If you would like to order any of the above Thoughts That Soar notecards, contact me at

<a href="mailto:suzette@suzetteboulais.com">Suzette@SuzetteBoulais.com</a></p>

<p> I can bill you via PayPal or you can write a personal check. </p>

<p><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/paypal_verified_seal_100x100.gif" width="100" height="100" alt="..."/></p>

<hr>

<h3>BOOKS</h3>

<p>Here is a short book of my philosophy of life, On Being Real, followed by Remember Better, a pictorial overview of some favorite Course in Miracles principles. Click on the thumbnail images to the left to access the copy.</p>

<table>

<tr>

<td><a></a><a href="Thoughts That Soar Pages/Onbeinreal.pdf"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Realcover.jpg" width="156" height="166" alt="..."/></a></td>

<td>&quot;On Being Real&quot; </td>

</tr>

<tr>

<td><a href="Thoughts That Soar Pages/Rememberbetter.pdf"><img src="Thoughts That Soar Pages/thoughtsthatsoarweb/Rememberbetter.jpg" width="159" height="164" alt="..."/></a></td>

<td>&quot;Remember Better&quot;</td>

</tr>

</table>

<hr>

<h3>VIDEOS</h3>

<p>Below is a YouTube video I designed about being a good sport in the game of life:</p>

<p><em>A Prayer by Cardinal Richard Cushing</em></p>

<div class="videoWrapper">

<!--YouTube Embed-->

<iframe width="560" height="315" src="https://www.youtube.com/embed/iXcT2DNegyY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

</div>

<p>Here is an inspiring prayer my brother Marc wrote

for his daughter Danielle when she graduated from college.</p>

<!--YouTube Embed-->

<div class="videoWrapper">

<iframe width="560" height="315" src="https://www.youtube.com/embed/YPBafAs_DP0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

</div>

<p><a href="index.htm">Home</a></p>

</body>

</html>

2 replies

BenPleysier
Community Expert
Community Expert
March 18, 2018

To help you along, go to line 139 and add </a> just before the last </td> in that line.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Inspiring
March 18, 2018

Ben, I did add the </a> just before the last </td> (as least I thought I put this in the right place and still have the same error....)

I don't know if I'm asking too much, but would someone be willing to send back these corrected errors and I will try to use them on this page and also try to make sense of them on the other few pages where I am getting an error or two.

Thanks in advance for your consideration.

Inspiring
March 18, 2018

And how in the world do all my classes on other pages say None but on this page, the class has my brother's name MarcBoulais? I keep trying to change the class to None and it won't let me.

Nancy OShea
Community Expert
Community Expert
March 17, 2018

You have some orphaned tags.  In HTML, just about every tag has an opening and a closing.

<a>  ... </a>

<p>  ...  </p>

<div>  .... </div>

<li>  .... </li>

and so on.

Problems ensue when you delete something in Design mode that upsets or breaks the tag pairs.  Just go through your code line by line to ensure all tags are properly closed.

Nancy

Nancy O'Shea— Product User & Community Expert