Need help lining up images

Hi, can anyone help me?

I just can't get the pictures and text to line up here
http://www.jembie.5gigs.com/index.html

I am a bit of a newbie although I can do basic html but I use NVU which is a
wysiwyg editor.

It is driving me mad that the pictures are all out of line with each other.
Thanks
Jenxxx

--

~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Don't ever stop believing........
Never get tired of watching you, someday you will break through.....

http://www.cafepress.com/jembiecreations
http://jembielife.blogspot.com

Gazing into my crystal ball I observed "jembieram"
<jembieram (AT) ntlworld (DOT) com> writing in
news:I77_f.19950$Ph2.9968 (AT) newsfe4-gui (DOT) ntli.net:

Hi, can anyone help me?

I just can't get the pictures and text to line up here
http://www.jembie.5gigs.com/index.html

I am a bit of a newbie although I can do basic html but I use NVU
which is a wysiwyg editor.

It is driving me mad that the pictures are all out of line with each
other.

I would say the first thing to do is learn HTML. It is not difficult.
You are abusing tables. Tables are for tabular data. Tables should not
be nested and should not be used for positioning of elements. Here's
what I would do:

<div id="left">
<!-- left hand side content in divs -->
</div>
<div id="middle">
<!-- middle content -->
<!-- your table goes here -->
<table summary="pictures">
<tbody>
<tr valign="top">
<td>
<img src="img1...><br>Description
</td>
<td>
<img src="img2...><br>description
</td>
<td><img src="img3...><br>decription
</td>
</tr>
<tr valign="top">
<!-- ... rest of images -->
</tr>
</table>
</div>
<div id="right">
<!-- right hand side content -->
</div>

Google for CSS 3 column layout.

HTH

--
Adrienne Boswell
Please respond to the group so others can share
http://www.cavalcade-of-coding.info