Just to follow up on my own post. I also see things like this:
<div class="post-content">
<p><img src="*" width="179" height="300" alt="" title="" /> My girl is
But even then the wraparound does not happen. This is something that I have seen with many themes, I wonder why?
I’m not sure I understand exactly what you want, but I believe it is something to do with floating the image to the left (or right) and then having the text line up with the top of the image. If so, you need to make the IMG tag float. I generally follow a CSS scheme I found at Lou Quillio to do this.
Best thing to do is create a class for the images you want to float, if you intend to use it several times throughout a page. THe reason for for this is that by floating the normal image tag, you would end up floating every image on the site.
So do something like this in your css:
img.left {
float: left;
padding: 5px;
width: 179px;
height: 300px;
}
btw your height and width are rather large for an image! you don't need to place the hright and width values in there, unless you want to specifiy that a certain image should only display x amount, otherwise simply don't put them in.
then when you post an image use:
<div class=”img.left”><img src=”x” alt=”” title=””></div>
You can also go to your quicktag.js in your wp-admin folder and open it up (make a backup first).
Then find one of the blocks, say, the block for strong or em – anything which has open and closed tags.
then do something like this:
edButtons[edButtons.length] =
new edButton('ed_div'
,'image-left'
,'<div class="img.left">'
,'</div>'
,'j'
);
and save the file. THen you can enter your image info as normal, highlight the entire block for the imge and then hit the image-left button in your quicktags and it will wrap around the selected text.
Thank you, excellent answers! That works like a charm. You might want to consider enabling something like this in a plugin or making specific hooks for it, as this is a very common feature someone comming from type-setting will request 🙂