<tr><td>'s problem in html table

lands

Basically in the code below ive got 2 columns in the first row and 2 in the the second, follow by 2 single row, in the first row i want the left <td> to be about 40% and obv the 2nd <td> to be about 60% but i want the row that is below it to be different... about 10% and 90% ... for some reason its keeping them the same, i want the to split away from each other, instead of followin, if you understand me,,,

thanks LandS p.s all php code works fine its just the table ...

<table border='1' bgcolor='#ffffff' width='100%'>
<tr>
<td background='/images/sidebar_header_bg.jpg' height='35' width='60%'>
".$row['title']."
</td><td background='/images/sidebar_header_bg.jpg' height='35' >
Swapper: ".$row['username']."

</td></tr><tr>
<td width='10%'><img src='/swap/".$row['photo']."' width='90' height='90'>
</td><td align='left' valign='top'>

Value: 
". $row['price']."

Location: 
". $row['location']."

Postage: 
". $row['delivery']."

</td>
</tr>
<tr>
<td colspan='2' width='100%'>
". $row['swap']."
</td></tr><tr>

<td align='right' width='100%' colspan='2' valign='top' background='/images/sidebar_header_bg.jpg'>

Posted On ". date('d M Y',strtotime($date))." at ". $row['time']."

</td>
</tr>
</table>

cretaceous

table tds follow the same width throughout the table - that's the point of them

you also need the same number of tds for each row

- or add colspan='n' to make a td go over 'n' tds

there are workarounds by setting a top row of all the possible divisions of td you want - and then add different colspans in the row tds below

very old school!

leatherback

Just read up on CSS and the use of <div> rather than making this in a table. Tables are a nightmare when it comes to these wishes

Bonesnap

While I agree that CSS and <div> should be used for this, to accomplish what you're trying to do, do this:

In the first row, set the width of the first <td> to 40%, and the second to 60%.

Then in the second row, set the width of the first <td> to 10% and the second to 90%.

johanafm

Bonesnap;10986119 wrote:
In the first row, set the width of the first <td> to 40%, and the second to 60%.

Then in the second row, set the width of the first <td> to 10% and the second to 90%.

No, don't. The first cell in both rows will either both be 40%, or they will both be 10%. There is no getting around that. All cells in one single column are always (really) the same width.

Like creataceous pointed out though, you can make one td cover multiple columns (but it will still be the same width as those columns always are, there still is no getting around that). However, if you set the column widths to some denominator of the td widths you want, then you can handle it through colspan.

You could also break things up, creating a (syntactically) new table for each row of the (semantically) same table.

Or, you could do it the way you're supposed to, by not using tables for non tabular data. You will get cleaner code, it will be easier to code and the code will make sense.

Bonesnap

johanafm;10986184 wrote:
No, don't. The first cell in both rows will either both be 40%, or they will both be 10%. There is no getting around that. All cells in one single column are always (really) the same width.

It's been so long since I've used tables I forgot this. :o