Wrap text around image - Post ID 91936

User 478618 Photo


Registered User
2 posts

In order for me to wrap text around an image, I have to delete the "Position Absolute" code. What can I do when I initially select an image so that text wraps around it?

Thanks!
User 184085 Photo


Ambassador
1,707 posts

Usually a multi-step process

Insert your image as usual but using default alignment
http://i130.photobucket.com/albums/p248/pug2775/image.jpg

Then add 'style info to your document, (if you do not have a separate style sheet)

Then add the class 'align-right' or 'align-left' to the IMG tag you want pushed to the right margin or left, the text will flow around with a white space.
http://i130.photobucket.com/albums/p248/pug2775/image2.jpg

you can adjust the margin numbers in your defined style to suit the amount of space from the picture you want the text to be.the margin in the align-left example is TOP 0 pixels RIGHT SIDE 15 pixels BOTTOM 15 pixels LEFT SIDE 0 pixels.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 434929 Photo


Ambassador
938 posts

<div><img src="IMAGE URL HERE" align="left" /><font color="black">text here<br />
text here<br />
text here<br />
text here<br />
text here<br />
text here<br />
</font></div>
<p>

http://img231.imageshack.us/img231/8673/wraptextaroundimage.th.gif
Guys at coffeecup are awesometacular.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.