RE: images in tables

Lonna,

This format should work for aligning your text and images to the top of the
cell;

<tr>
<td align=xxx (center, right, left) valign=top>

To pad your cells you can pad either the entire table as in;
<table cellpadding=10 cellspacing=10
or you can pad an individual cell;
<td cellpadding=10> (cellspacing is not used in <td> tags)
end result;
<td align=center valign=top cellpadding=10>

And, as was pointed out earlier, make sure you have your </td> tab
immediately after your image and/or text.  This is very important.

Additionally, you can use Cascading Style Sheets to insert margins, padding
and indentations in your text.  This is probably the easiest way to
manipulate text and images the table areas.

I make extensive use of tables and style sheets on my web site - You're
welcome to look over the source for any help there.

Shay
=====================================
Bare Tranquility Web Design
http://www.shay.de
shay(at)shay.de  /  shay(at)Bayou.uh.edu
Member of the HTML Writer's Guild
http://www.hwg.org/
=====================================


-----Original Message-----
From: owner-hwg-graphics(at)hwg.org [mailto:owner-hwg-graphics(at)hwg.org]On
Behalf Of Lonna Poland
Sent: Friday, April 16, 1999 11:03 PM
To: hwg-graphics(at)hwg.org
Subject: images in tables


Thanks to all of you who responded to my questions about sizes of images for
faster loading.... and other things.  I now have a new question.  Also,
before I wrote this, I went to the archives and got a large list of "images
in tables", but when I clicked on each thing, it only went to a blank
page....so don't know what is wrong there.

I'm trying to do a table with two cells across in a row.  The left cell has
a small image and I want it to align right and valign top.  The right cell
has a large paragraph of text which is much longer than the image.  I want
it to align left.  I want both the image and the text to valign to the top,
so when you look at the row, both the top of the image and the first line of
text line up with each other.  I'm doing this as a table because I don't
want the text to wrap around the image.

I tried using the <tr valign=top> to make both cells in the row to be at the
top... but this isn't working.  I have also tried separate instructions for
each cell <td valign=top> but that didn't work either.  It still looks like
the image is lower than the top line of text.  Is there a trick to getting
an image to line up in one cell with the text in the next cell?

Also, while we are at it.. how can I get the text to move a little farther
to the right away from the image?  Is there a way to add some space between
the two cells with cell padding or something?  I'm a little lost if I get
too deeply into tables...sorry :))

Again.. I appreciate all your help.

Lonna

HWG: hwg-graphics mailing list archives, maintained by Webmasters @ IWA