Loading ...
Sorry, an error occurred while loading the content.

6563Re: [NH] centering image for all monitors

Expand Messages
  • Don - HtmlFixIt.com
    Jan 8, 2009
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">
      <html lang="en">
      <head>
      <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
      <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
      <title>Saltillo Home Page</title>
      <style type="text/css" media="screen">
      body
      {
      margin: 0;
      padding: 0;
      font-size: 90%;
      font-family: arial, helvetica, sans-serif;
      color: blue;
      }

      #gutter
      {
      float: left;
      width: 3%;
      height: 1px;
      }

      #col1
      {
      float: left;
      width: 800px;
      background-color: #fff;
      margin-bottom: 10px;
      margin-left: 3%;
      text-align: center;
      }

      #col2
      {
      float: left;
      width: 170px;
      background-color: #fff;
      margin-bottom: 10px;
      }

      #col3
      {
      float: left;
      width: 170px;
      margin-left: 3%;
      background-color: #fff;
      margin-bottom: 10px;
      }

      #footer
      {
      clear: both;
      height: 50px;
      background-color: #fff;
      }

      h1
      {
      margin: 0;
      padding: 5px;
      text-align: center;
      color: blue;
      }

      h2
      {
      margin-top: 0;
      padding-top: 7px;
      text-align: center
      font-size: 25pt
      color: blue;
      }

      h2, p
      {
      margin-left: 7px;
      margin-right: 7px;
      color: blue;
      }
      h3 {text-align: center
      font-size: 20pt
      color: blue;
      }

      h4 {
      onload='javascript:write_date()'
      }

      a:link {
      text-decoration: none;
      color: navy;
      }
      a:visited {
      text-decoration: none;
      color: navy;
      }
      a:active {
      text-decoration: none;
      color: navy;
      }
      a:hover {color: red;
      text-decoration: bold;
      }
      </style>
      </head>


      <body>
      <div id="gutter"></div>
      <div id="col2">
      <p><img
      src="http://home.comcast.net/~ebrown1927/Weatherford/images/elite1a.jpg"
      width="144" height="157" border="0" alt="elite physical therapy logo" /></p>
      <p>
      <a href="home.html">Home</a><br>
      <a href="dir.html">Directions</a><br>
      <a href="water_aerobics.html">Water Aerobics</a><br>
      <a href="aquatic_therapy.html">Water Therapy</a><br>
      <a href="contact.html">Contact Us</a><br>
      <a href="about.html">About Us</a><br>
      <a href="gallery.html">Our Picture Gallery</a>
      </p>
      </div>

      <div id="col1">
      <h1>Saltillo</h1>
      <h2>Elite Physical Therapy and Aquatic Center</h2>
      <p><img
      src="http://home.comcast.net/~ebrown1927/Weatherford/images/bldg1b.jpg"
      width="360" height="187" border="0" alt="physical therapy building" /></p>
      <h3>"Meeting all of your Physical Therapy<br>and Rehabilitation Needs"</h3>


      </div>

      <div id="col3">
      <img
      src="http://home.comcast.net/~ebrown1927/Weatherford/images/elite1a.jpg"
      width="144" height="157" border="0" alt="elite physical therapy
      logo"></div>


      <div id="footer"><!-- currently empty footer --></div>
      </body>
      </html>


      Edward wrote:
      >
      >
      >
      > ----- Original Message -----
      > From: "Axel Berger" <Axel-Berger@...>
      > To: <ntb-html@yahoogroups.com>
      > Sent: Thursday, January 08, 2009 4:32 AM
      > Subject: Re: [NH] centering image for all monitors
      >
      >
      > Alex wrote:
      >
      >> Sorry for being a nasty unhelpful soandso again, but your code does
      >> not even validate and is full of mistakes. Validating tools exist
      >> and trying to make anything surrounded by unvalid code do something
      >> specific, be it sing, dance, or centre, is a mug's game.
      >>
      >> Apart from errors and typos like missing quotes there is one big
      >> mistage: You let the user load down a huge image over his slow and
      >> expensive connection and then use the browser's (any browser's) very
      >> basic and substandard mechanism to scale it down. Always scale
      >> images to the desired size first and insert them at exactly that
      >> size.
      >>
      >> Axel
      > and he also wrote:
      > One shouldn't use *any* fixed size for fonts. It is up to the user to
      > set up his browser to suit his monitor and eyesight and up to us to
      > respect these choices. This means the basic font size for normal text
      > should never be messed with and all other sizes, big, headlines, and the
      > "small print", ought to be expressed in units of em. Many sites are done
      > so badly that the only sensible choice is turning off the rendering of
      > CSS completely. Is this what we want to force our readers (and sometimes
      > voters and customers) into having to do?
      >
      > Alex,
      > Of course you are correct and I will endeavor to make the necessary changes
      > as time marches on. I really appreciate you help. I think letting the
      > viewer be the master of the fonts is a great idea. Would you give me a web
      > page site of yours so I can view the source and see exactly how you did
      > this. I can read about it all day on W3C and never really fully understand
      > what they are saying. Seeing the code on a page is very helpful and changing
      > the fonts to the ones that I like would be great. Once again let me say
      > thank you for replying to my questions. I really do appreciate all the
      > critiques, I always find them very useful and the people on this yahoo group
      > are always so good to pitch in and help.
      >
      > I will check the images, I thought I had photoshopped them down to a small
      > resolution. Very sorry about that. I will do make the resolution smaller as
      > time permits and before I put the pages up on a hosting site.
      > Ed B
      >
      >
      > ------------------------------------
      >
      > Fookes Software: http://www.fookes.com/
      > NoteTab website: http://www.notetab.com/
      > NoteTab Discussion Lists: http://www.notetab.com/groups.php
      >
      > ***
      > Yahoo! Groups Links
      >
      >
      >
      >
    • Show all 20 messages in this topic