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.