Re: Problems With Aligning Images Along Side Of Website

by "Cindy Stanley" <stanleysupport(at)prodigy.net>

 Date:  Sun, 26 Sep 1999 17:25:47 -0400
 To:  <DNYCE15(at)aol.com>,
<hwg-basics(at)hwg.org>
  todo: View Thread, Original
From: Donna DNYCE15(at)aol.com <DNYCE15(at)aol.com>
>I'm having a big problem with placing images on either side of my
webpage.
>Check my site out at http://www.geocities.com/kittidiva/sample.html to
see
>what I mean. I want to place ads on either the left or right side, but
I
>don't know how to do this. I was trying to use tables, but I couldn't
figure
>out the proper way to do it.  Please help me....I'm so frustrated by
this! :-(

First of all, you should only have one body tag, and that would include
ALL your attributes for that element. For example:

<body bgcolor="#CCCC99" background="image.jpg/gif" text="#990000"
link="#FF0000" vlink="#663333">

and then you must close your body tag </body> at the end of your
document, prior to closing your html tag </html>

To start making a *column* of ads on the left side of your page, you
would put the ad images in the first td of your first table. You could
opt to use percentages for the width attribute of that first td, or
choose a definite pixel width. You would also specify a width attribute
of the table itself. Again, you could opt to specify the width of the
table element in pixels or percentages. I personally try to stick w/
percentages. This table should start at the very beginning of your
markup, after the body tag.

You would then continue on to put the remainder of the body content in
the second td of the first table, and then close your table prior to
closing your body and html tags.

For example:
<table border="0" width="100%">
<tr>
<td align="left" valign="top" width="10%"><img src="image.gif" width="?"
height="?" border="0">You may find you need to add line breaks to get
the spacing you want between your image ads.</td>
<td align="left" valign="top" width="90%">All your body content markup
would start here.</td>
</tr>
</table>

If you find you need more space in between the image ads on the left and
the body content itself, then you could opt to add an extra td tag AFTER
your first ending td, specify the width of space you need, and place a
non-breaking space, then close that td, THEN start w/ your td that holds
the body contents.

--
Cindy K. Stanley

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA