Wrap Text Around Images

programming
1

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… :frowning: Any help?

2

If you just want it right next to it you could create another cell right by it

3

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:

4

Whoa, another cell in there? Exactly what does that mean another cell? Add another cell into the table?

5

yup

6

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>
7

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.

8

Can you post the pertinent portion of your code? I’ve tested my example and it works fine.

9 

<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>
10

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>
11

Thanks!