Making It Worse 8<<<

Giganews Newsgroups
Subject: Making It Worse 8<<<
Posted by:  Mike Copeland (mrc23…
Date: Fri, 9 Sep 2016

In my personal history website I'm running each code page through the
validator (with slow success), but in doing so I've seriously caused
regressions.  First, the basic font size has dropped down to default (I
want 120%).  Second, the layout of the table is messed up: the image and
caption are floated left, whereas I want both to be centered.
  When I was use non-valid code (e.g. <figure>, <figcaption>, <center>
and such it was fine.  Switching to valid code has made it look awful,
and whatever mods I try either have no effect or make it worse.  Please
advise.  (Apologies for all the "personal stuff...) TIA

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-
    <title>Mike's Youth</title>
        body    { margin: 0 75px 0 75px;
              font: Verdana; font-size: 120%; color: White;
      p          { text-indent: 20px; font-size: 120%;  margin-right:
10px; margin-left: 10px;}
    .center    { text-align: center; }
    .yel        { color: yellow; font-weight: bold; }
    .red        { color: red;    font-weight: bold; }
      a:link    { color: orange;    }
      a:visited  { color: LightGreen; }
      a:hover    { color: Gold;      }
      a:active  { color: Gray;      }    
      .text      { width: 65%; }
      h3        { text-align: center; }
      td.image  { float: auto; margin: 0.5em; padding: 0.5em; }
      td.image p { font-size: large; text-align: center; }
  <body background="blue11.jpg">
    <h3 class="center"><a id="MRC_Youth">Mike's Youth</a></h3>
      <p><span class="yel"><b>Michael Richard Copeland</b></span> (Mike)
grew up on the North Shore of Chicago.&nbsp;&nbsp;
      He and his 2 sisters, <span class="yel"><b>Maureen</b></span> (18
months younger) and <span class="yel"><b>Claudia</b></span> (6 years
younger) were children of <span class="yel"><b>Maurice Donald Copeland
</b></span> and <span class="yel"><b>Elizabeth Kittle Copeland</b>
      Mike was born in <span class="yel"><b>Evanston, Illinois</b>
</span>, a suburb north of Chicago, in 1940.
      <p>Their father was a well-known local radio actor, and their
mother was a stay-at-home mother.
      <p>After Maureen was born, the family lived in a north side
Chicago apartment for a few years before moving to <span class="yel"><b>
Winnetka</b></span>, another northern Chicago suburb along <span
class="yel"><b>Lake Michigan</b></span>.&nbsp;&nbsp;Claudia was born
  <table border="1">
      <td class="text">
        <p>A nearly tragic incident occurred while they lived in
          At age 8, Mike was put into a local "summer day camp" that
was held at the beach.&nbsp;&nbsp;
          The idea was, of course, to keep him busy and to learn some
physical and social skills.&nbsp;&nbsp;
            Many activities involved water sports and games.&nbsp;
          <span class="red">Mike didn't know how to swim</span>.&nbsp;
      One day he was "horsing around" with one of the counselors out
on a long pier.&nbsp;
          The counselor got annoyed, picked Mike up, and dropped him over
the edge...into deep water.&nbsp;&nbsp;
      Mike remembers going down once or twice, as he tried to
float...but he couldn't swim at all.&nbsp;&nbsp;
          One of the City's <a href="LifeSavers.htm#Vinnie">life guards
</a> dove in and rescued Mike.&nbsp;&nbsp;
          He has never forgotten the incident.
            <p>Wisely, Mike's father took him down to the beach the
next day, making him "face his demon" by getting into the water.&nbsp;
      (Mike remembers this, too.)&nbsp;&nbsp;
        His parents soon enrolled him in a formal swim class that was
held at the local high school, to guard against a tragedy like this
happened again.&nbsp;&nbsp;
      (Oddly, Mike's mother, who grew up in Chicago and lived
virtually her entire life along Lake Michigan, never learned to swim -
perhaps explaining why Mike and Maureen didn't learn that skill early
      <td class-"image center">
        <img alt="1523Edgewood02.jpg" src="1523Edgewood02.jpg"
height="316" width="288" />
      <br>The Copeland's Winnetka house

This email has been checked for viruses by Avast antivirus software.