+ Reply to Thread
Results 1 to 3 of 3

Thread: Images & word wrap around ?

  1. #1
    BobG is offline Regular Babbler BobG has a few positive reputation points
    Join Date
    Jan 2008
    Location
    "Sunny" South Florida
    Posts
    41

    Question Images & word wrap around ?

    You can make the text wrap around the image by adding a simple attribute to the image tag.

    * To place the image on the left, and wrap text around its right side, add align="left" to the image tag (ex., <img src="http://www.anguilla-beaches.com/images/upper-shoal-stitched-high.jpg" align="left">)

    * To place the image on the right, and wrap text around its left side, add align="right" to the tag (ex., <img src="http://www.anguilla-beaches.com/images/upper-shoal-stitched-high.jpg" align="right">)

    * To add a bit of space around the image, add hspace="5" to add 5 pixels to either side. Use vspace="5" to add 5 pixels to the top and bottom. A larger number will give more space around the image.

    * To stop the text from wrapping around an image, add the following after the image or where you want the wrapping to stop...

    <br clear="all">
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Above is a some tips on HTML code from SBI for help with adding image & words around the image...

    When it says add hspace="5" OR vspace="5" HOW EXACTLY will that be written in the body ??

    Can You show me an example please with an image.... Thanks, Bob
    I am here to GET the facts BEFORE I Build my Site...Thanks

    I am training for TWO 100 mile running events in 2008

    MY training/running & other fun stuff blog here

  2. #2
    Rob's Avatar
    Rob
    Rob is offline Supreme Babbler Rob has more than the average amount of reputation points
    Join Date
    Nov 2007
    Location
    United Kingdom
    Posts
    615

    Default

    Took me a while to figure out what you were asking but I think I've grasped it.

    You can add lots of attributes to a simple <img> tag literally thousands which are all accepted by major browsers.

    Code:
    <img src="http://www.anguilla-beaches.com/images/upper-shoal-stitched-high.jpg">
    Thats the normal image with no attributes, if you want to add an attributes you put a space just after the speech mark and put in your attribute; in this case is the alignment.

    Code:
    <img src="http://www.anguilla-beaches.com/images/upper-shoal-stitched-high.jpg" align="right">
    And its the same for vspace and hspace.

    Code:
    <img src="http://www.anguilla-beaches.com/images/upper-shoal-stitched-high.jpg" align="right" vspace="5" hspace="5">
    Etc. for as many as you need and want, simply as pie; mmm pie (time for a pie binge)

  3. #3
    BobG is offline Regular Babbler BobG has a few positive reputation points
    Join Date
    Jan 2008
    Location
    "Sunny" South Florida
    Posts
    41

    Default

    Rob said:Etc. for as many as you need and want, simply as pie; mmm pie (time for a pie binge)
    LOL Thanks Rob... Enjoy that Pie!
    I am here to GET the facts BEFORE I Build my Site...Thanks

    I am training for TWO 100 mile running events in 2008

    MY training/running & other fun stuff blog here

+ Reply to Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts