Images & word wrap around ?

BobG · #1 (**permalink**) 01-27-2008, 11:50 AM

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

Rob · #2 (**permalink**) 01-27-2008, 12:48 PM

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)

BobG · #3 (**permalink**) 01-27-2008, 01:56 PM

Quote:

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!

WB Sponsors