...

View Full Version : Table alignment issue



pemaldini
07-15-2011, 11:05 PM
I am having problems with my code on one of my web pages (am using Wordpress). I have a page with with a table comprising of 3 columns, the first column is just one long cell containing text, the next 2 columns to the right are made up of multiple rows (see attached image).

Yet each time I place an image in columns 2 & 3, the text in column 1 is pushed down to the bottom of the last image.

Essentially I want to add even more text in the first column, and to the right in columns 2 & 3 have mutiple rows, each with a single image of furniture placed in it. But I want the text in column 1 to line up at the top of the images in columns 2 & 3.

Please take a look at my code, and I would greatly appreciate being pointed in the right direction:




<p style="text-align: left;"><img class="aligncenter" title="Savanna Wood" src="http://www.zam-ads.com/wp-content/themes/classipress/images/SW/SavWood-banner-logo.jpg" alt="Savanna Wood" width="499" height="118" /></p>
<p style="text-align: left;"><strong><span style="color: #800000;">Excellence of Design and Construction in the World’s Finest Hardwood</span></strong></p>

<table border="3" cellspacing="6" cellpadding="6">
<tbody>
<tr>
<td rowspan="2" width="275" valign="top">Western Zambia is part of the greatest expanse of sand in the world, the Kalahari Sand Veldt. Growing on this huge sandy swath of African bush is the magnificent Mkusi tree, a.k.a. Zambezi Teak, one of the hardest and finest timbers in the world. In 1952 when the London Corn Exchange was being built an enquiry was instituted throughout the world that explored every possible flooring timber to find the best and hardest material to construct the floors of the Corn Exchange. There was a requirement for a floor of particular hardness and durability because of the destructive and corrosive effect of the corn kernels ground underfoot and hundreds of people passing to and fro every hour. After months of deliberation and a series of stringent tests, a decision was made to use Mkusi (Zambezi Teak) to make the floors. It was simply the finest timber in the world for that purpose.&nbsp;
</td>

<td width="112" valign="top"><img class="alignright" src="http://www.savannawood.co.zm/images/stories/buttons/harvested_tables.png" alt="" width="95" height="65" /><img class="alignright" src="http://www.savannawood.co.zm/images/stories/buttons/reclaimed_tables.png" alt="" width="95" height="65" /></td>
<td width="112" valign="top"><img class="alignright" src="http://www.savannawood.co.zm/images/stories/buttons/reclaimed_tables.png" alt="" width="95" height="65" /><img class="alignright" src="http://www.savannawood.co.zm/images/stories/buttons/harvested_tables.png" alt="" width="95" height="65" /></td>
</tr>
<tr>
<td width="112" valign="top">test</td>
<td width="112" valign="top">here</td>
</tr>
</tbody>
</table>

abduraooft
07-16-2011, 08:52 AM
Don't you know why using tables for layout is very bad (http://www.hotdesign.com/seybold/)?

Asher01
07-16-2011, 09:13 AM
The best solution would be to use Div's instead of tables.
They are much easier to handle.

http://www.w3schools.com/html/html_layout.asp





I need to figure out how to add a signature... so I can put that link in it.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum