PDA

View Full Version : Wrap Text Around Images



sdrawkcaB
July 26th, 2003, 06:36 PM
I have an image in a table, at the top left corner and want the text to wrap around it, but I cant. I make everything the allignment it says I should on pages, but it wont work.. It always starts at the bottom of the pic.. :( Any help?

nobody
July 26th, 2003, 08:00 PM
If you just want it right next to it you could create another cell right by it

Alex
July 26th, 2003, 08:16 PM
Or, you could create cell, set the picture ad a background in the cell, and type over it. I'm sure there is another way, but i am not sure of it now.

Hope this helps!
:tb:

sdrawkcaB
July 27th, 2003, 03:51 AM
Whoa, another cell in there? Exactly what does that mean another cell? Add another cell into the table?

nobody
July 27th, 2003, 09:25 AM
yup

abzoid
July 27th, 2003, 09:54 AM
Place the image before the text and make sure to set the align attribute for the image to "left". The text will then wrap around the image on the right and below.

For example:


<table width="760">
<tr>
<td>
<img src="myphoto.jpg" width="200" height="150" align="left">
text text text......
</td>
</tr>
</table>

sdrawkcaB
July 28th, 2003, 12:14 PM
Yea, that doesn't work either, I put the image in the table and allign it to the top left corner, and the text is STILL on the bottom.

abzoid
July 28th, 2003, 12:26 PM
Can you post the pertinent portion of your code? I've tested my example and it works fine.

sdrawkcaB
July 29th, 2003, 05:03 PM
<table width="144" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#666666">
<tr>
<td height="111" align="center" valign="top" bgcolor="#CCCCCC"><div align="left"><img src="../../Buy%20****/Images/header.jpg" width="55" height="55">sfsfsfsfsfsfssfsfsfsfs
sfsfsfsfsfsfsfsf ssf</div></td>

abzoid
July 29th, 2003, 06:54 PM
I see the problem. You're using a DIV tag to align the image to the left of the cell. The align="left" attribute needs to be INSIDE the IMG tag in order for the text content to wrap properly.


<table width="144" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#666666">
<tr>
<td height="111" bgcolor="#CCCCCC" valign="top"><img src="../../Buy%20****/Images/header.jpg" width="55" height="55" align="left">text
text text text text text text text text text text text text text text text
text text text text text text </td>
</tr>
</table>

sdrawkcaB
July 30th, 2003, 09:28 AM
Thanks!