Word wrap problems?

You can use WSYI-Wordpress which you insert picture into the post and also upload the picturesto the server. It work for me but as for do thumbnail I don’t know there is plugin for that. But WSYI-wordpress can resizing the picture for the post.

Whether you use WSYI-WordPress plugin or not, the only way you can get text to “wrap” around a photograph is through the use of CSS. I use “left” and “right” classes and the CSS in my style.css file looks this:

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.right { float: right; }
.left { float: left }

The last two CSS selectors say that anything featuring a class="right" will “float” to the right and the text will wrap around it. Same with class="left". The first two selectors give information related to the use of these two “right” and “left” classes when used in combination with an image. You can modify the padding and such for your needs, but it works for me in both MSIE and Firefox, along with other browsers.

The usage for an image called “ball.gif” is:

<img src="ball.gif" class="right" />This is some text which would wrap around the graphic image called ball which would sit on the right side of this paragraph.

I use the “right” and “left” for other things like boxes and containers for lists and information I want highlighted, so I have it set the two ways and it works great.

Using WYSI-WordPress, you would actually see the text wrap in the image, or when viewing the post, where you don’t see it in the post preview in the bottom section of the Write Post screen because the styles aren’t visible there. Sure wish they were, it would make this process a lot easier, but that’s for another topic.

Also, I use the Connections theme and the CSS that Lorelle provided didn’t work for me. This is exactly how I have it in my stylesheet, at the end after everything else:
img.right
{
padding: 4px; margin: 0 0 2px 7px; display: inline;
}
img.left
{
padding: 4px; margin: 0 7px 2px 0; display: inline;
}

Is there something wrong with my punctuation that I just can’t see? Do I have to associate it with a certain class or div? Here is how I use it in this post:

<img src='http://www.coldclimategardening.com/wp-content/Iris_sibirica_Jaybird_at_Seneca_Hills_June_12_2004_cropped.jpg' class='left' alt='deep blue Siberian iris' />

If you look at the post, you will see that the image is in the center of the page. For the other two images, which align correctly, I used the “old-fashioned” align='left' and align='right'. I hope someone can troubleshoot this.

When I try and wrap text around a picture, not only does the text wrap, but so does the next post.

How do I make the text wrapping stop before the next post.