Search This Blog

Followers

Contact

If interested in advertising,
please contact me by email.



How To Wrap Words Around Images


There are three main ways to wrap text around images to like this:

example example example example example example example example example example example example example example example example example example example example example example example example example example example example example

1. ALIGN & SPACE ATTRIBUTE: First determine if you want the image to be to the "LEFT" or the "RIGHT" of the text. Then use the "HSPACE" (horizontal space) and "VSPACE" (vertical space) attribute to specifiy the amount of space desired between the image and the words.

Example: <img src="http://www.yoursite.com/image.jpg" align="left" hspace="5" vspace="5">

2. ALIGN ATTRIBUTE: You can use just the "ALIGN" attribute alone and this will work, but this method is not as "preferred" as #1.

3. CSS CLASS TO THE STYLESHEET: Add a CSS class to your style sheet and include that class attribute in the image code.

Add this class to your stylesheet template:

.floatimgright {
float:right;
margin-top:6px;
margin-right:6px;
margin-bottom:6px;
}

Save and rebuild your stylesheet.
Add the class attribute to the image code.

Example: <img src="http://www.yoursite.com/image.jpg class="floatimgleft">

If the floating image doesn't have enough text to wrap around the bottom of the image, add the following code after the text you are wrapping:

4 comments ♥ ♥ ♥:

Judy Harper said...

I'm very new at this, where am I to type this information? I'm glad you're doing this, but, would you start at step 1, such as go to, then type this information. Thanks!

The Redhead Riter said...
This comment has been removed by the author.
The Redhead Riter said...

Hey, I just sent you an email. If this is still confusing to everyone else too, I will add more to the post. Let me know!

Yaya said...

This is absolutely amazing. Seriously.

Related Posts with Thumbnails