Results 1 to 3 of 3

Thread: Html need to know about text wrap padding around an image

  1. #1
    Join Date
    Oct 2008
    Posts
    101

    Html need to know about text wrap padding around an image

    Hello friends,


    I want to know about text wrap padding around the image.
    I need some information about adjusting the space between images & the text wrapping around the images. if you can show some more details about the topic then it will be a great help.

    Thanks,
    ComPaCt

  2. #2
    Join Date
    May 2008
    Posts
    43

    Re: Html need to know about text wrap padding around an image

    There are two common methods explained here for wrapping text around images in HTML: The image attribute method and the table alignment method. You can also use CSS to wrap text around images.

    The code used to make this alignment happen was:
    Code:
    <img src="panda.gif" width="80" height="80" align="right">
    You could also use the following depending on where you want images placed in relation to text. Here are other alignment options:

    align="left"
    align="right"
    align="top"
    align="middle"
    align="bottom"
    align="baseline"
    align="texttop"
    align="absmiddle"
    align="absbottom"

    Depending on the way text flows you may decide that you want a less crowded look or you might want to add a caption above and/or below the image. This can be achieved with the table alignment method. The steps for the table method are listed below.

    Code:
    <table width="80" border="0" align="right" cellpadding="5" cellspacing="0">
    <tr>
    <td align="center" valign="top">Caption Area<br>
    <img src="images1/panda.gif" width="80" height="80"><br>
    Caption Area</td>
    </tr>
    </table>
    Using this method allows you to also add a caption top and/or bottom of the image if you like.

  3. #3
    Join Date
    Oct 2008
    Posts
    101

    Re: Html need to know about text wrap padding around an image

    Thanks for the prompt reply.
    Ill definitely give it a try.

    ComPaCt

Similar Threads

  1. Css padding in html
    By klite in forum Software Development
    Replies: 7
    Last Post: 31-12-2009, 11:00 AM
  2. Creating input text with background image in HTML
    By Measurer in forum Software Development
    Replies: 4
    Last Post: 23-12-2009, 10:13 PM
  3. How to put text beside an image in HTML
    By KADRI in forum Software Development
    Replies: 3
    Last Post: 01-10-2009, 09:35 PM
  4. Insert image in text box with word wrap
    By IpsA in forum MS Office Support
    Replies: 2
    Last Post: 25-05-2008, 01:07 PM
  5. In HTML table how can I wrap the text ?
    By Matellis in forum Software Development
    Replies: 5
    Last Post: 20-05-2008, 07:48 PM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,711,711,664.31759 seconds with 17 queries