Problem with one of my table's rows

[sciencebear]

I have a certain table that looks a little like this:

 

<table>
<tr>
<th rowspan="3">[75x75 image]</th>
<td colspan="2">[text 1]</td><td rowspan="3">[side text]</td>
</tr>
<tr><td>[text 2]</td></tr>
<tr>
<td width="25px">[table with single cell and a 25x19 background]</td>
<td>[row of 19x19 images]</td>
</tr>
<tr><td>[bottom text]</td></tr>
</table>

 

I hope you can imagine my aim with this table. However, there are a few issues. Firstly, text 1, text 2, and table with the row of images wind up being taller than I want, with blank space at the bottom. I've tried several variations on padding, spacing, etc. to no avail. Secondly, for some reason the row of images is displayed so that the tops of the images are in line with the middle of the table in the td before it, however I want the tops to be aligned and no combination of vertical-align tags seems to work. Any help?

[DaiLaughing]

You are unlikely to to get much help with this as you should not be using tables for layout.  Anyone who still is is probably scared of being flamed and so won't post help1

[arbitter]

<table border='1'>
<tr>
<td rowspan="3" height='75' width='75'>75x75</td>
<td colspan="2">text1</td>
<td rowspan="3">txt</td>
</tr>
<tr>
<td colspan='2'>text2</td>
</tr>
<tr>
<td width="25" height='19'>25x19</td>
<td height="19">19x19</td>
</tr>
<tr>
<td colspan='4'>btxt</td>
</tr>
</table>

 

Do you mean like this?

[patriklko]

u r using rowspan="3" in first row and in third row u r using 2 columns it may creating problem, try to avoid rowspan if possible and create individual rows and columns to achieve the results...