2 replies
  • WEB DESIGN
  • |
Hi.

I would like to create a table with an image inside and the text wrapping around it.


Appreciate it if someone can provide some guide lines as to how I can go about it.

<table>
<tr>
<td>
image
</td>
<td>
Text in this colum and needs to wrap immediately below the image so that there is no blank space between image and area below.
</td>
</table>



Thanks.

Jim.
#html #table
  • Profile picture of the author osegoly
    Hi Jim,

    If you want the image to appear directly below the image you will need to take a slightly different approach. You will need to do something similar to the following:

    <table>
    <tr>
    <td style="padding:0;margin:0;"><img style="padding:0;margin:0;display:inline;">
    </td>
    </tr>
    <tr>
    <td style="padding:0;margin:0;">
    your text here
    </td>
    </tr>
    </table>

    Good luck.
    {{ DiscussionBoard.errors[1801749].message }}
    • Profile picture of the author koolphoto
      What you are showing and what you are describing is different.

      Also I don't know if you just want to wrap the text around the table because you need the table or you are just trying to wrap text around the image. In any case you would do this with a css float property.

      Google css floats and you should be able to figure it out.

      If you just want text around the image, skip the table, and just use the float property.
      Signature

      My name is Ken Katz and I am a Web Designer and Photographer. My motto: "If you really want to do something, you'll find a way. If you don't, you'll find an excuse." -Jim Rohn

      Celebrity Portrait Photgapher - My Photography Portfolio.

      {{ DiscussionBoard.errors[1801877].message }}

Trending Topics