Text and image issue

[icb01co2]

Hi all,

Ok lets assume that we have a table like this:

<Table><tr>
<td><img src = "Someimage"></td>
<td>
Some long text paragraph
</td>
</tr>
<tr>
<td colspan="2"> rest of paragraph </td>
</tr>
</table>

Ok so the layout will be somthing like this:


http://www.pcroomhire.co.uk/layout.bmp

Ok so the text and image is dynamically inserted from a database. But i dont know how big the image is so i dont know how much text to add in the first section and how much in the bottom table row. I.e. i dont want any of the following layouts

http://www.pcroomhire.co.uk/layoutc.bmp

or

http://www.pcroomhire.co.uk/layoutb.bmp

Is there any CSS tips to make the text automatically fit the layout. Possiably by removing the table. Hope this makes sense.

[drummin]

Because you won't be able to add "Space" around your picture, I put the picture in a table with padding.

<table border="0" align="left" cellpadding="10" cellspacing="0" summary="">
<tr>
<td align="left">[img]images/pic.jpg[/img]</td>
</tr>
</table>


So You Want Your Text To Wrap Around An Unknown Picture Size
Ok so the text and image is dynamically inserted from a database. But i dont know how big the image is so i dont know how much text to add in the first section and how much in the bottom table row. I.e. i dont want any of the following layouts. Ok so the text and image is dynamically inserted from a database. But i dont know how big the image is so i dont know how much text to add in the first section and how much in the bottom table row. I.e. i dont want any of the following layouts.</p>

Ok so the text and image is dynamically inserted from a database. But i dont know how big the image is so i dont know how much text to add in the first section and how much in the bottom table row. I.e. i dont want any of the following layouts</p>

I'm sure there are more "high-tech" ways to do this, but this will work.

[ADAM Web Design]

This will also work, and probably give you what you want:

<div style="float: left; margin: 5px"> (adjust the margin based on the amount of spacing you want).

(img here)

</div>

And away you go.