This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Webedit HTML Editor > April 2006 > Need help lining up images





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Need help lining up images
jembieram

2006-04-09, 7:01 pm

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


Adrienne Boswell

2006-04-09, 7:01 pm

Gazing into my crystal ball I observed "jembieram"
<jembieram@ntlworld.com> writing in
news:I77_f.19950$Ph2.9968@newsfe4-gui.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
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews