Placing objects in table cell

Hello, how would I do the following:

table top ---------
:text here:



:another image here:
table bottom ---------

The text should be aligned to the top, and the image aligned to the bottom, allowing for 100% table height to 30%, without effecting the positions.
No doubt I can do this with CSS, but I haven't had to do this before.

Cheers

-Stu

How about just using 2 cells without a border, it will look like 1 cell but no one will know or probably even care.

Originally posted by Antoniohawk
How about just using 2 cells without a border, it will look like 1 cell but no one will know or probably even care.

That may be the only solution, the only one I could find, but I am trying to get the same result without having to implement 2 cells.

-Stu

like this?

<table border="1" height="100%" width="100%">
<tr><td>
<div style="height:70%">
blah blah blah<br />
blah<br />
blah<br />
</div>
<div style="height:30%">
<img src="image.gif" />
</div>
</td></tr>
</table>

Originally posted by glenngv
like this?

<table border="1" height="100%" width="100%">
<tr><td>
<div style="height:70%">
blah blah blah<br />
blah<br />
blah<br />
</div>
<div style="height:30%">
<img src="image.gif" />
</div>
</td></tr>
</table>

Ah cheers!
Thanks very much!

-Stu :)