Wrappping text around picture with caption

[MikeCloutier]

The text wrap function around pictures works great except when I want to add a caption to the picture, then the main text drops below the caption text. I would like to find a way to wrap my main text around and image and the caption.

For example, my main text block is 480 pixels wide and I want to cut in a 120 pixel picture. Without a caption, it wraps nicely, but with a caption, it does not cut into the text block.

Your advice is greatly appreciated.

[chipbennett]

The text wrap function around pictures works great except when I want to add a caption to the picture, then the main text drops below the caption text. I would like to find a way to wrap my main text around and image and the caption.

For example, my main text block is 480 pixels wide and I want to cut in a 120 pixel picture. Without a caption, it wraps nicely, but with a caption, it does not cut into the text block.

Your advice is greatly appreciated.

Are you using the [caption] shortcode (i.e. the media manager) to add your picture? If so, the wrapping should work just fine.

If not, you'll probably need to wrap both the image and caption in a container, and then float the container in order to accomplish the desired effect.

[MikeCloutier]

I am using the caption field in the media manager when I insert the image.

Subsequent to posting my question, I've been looking around in the theme files and wonder if there is something missing in the code.

[chipbennett]

I am using the caption field in the media manager when I insert the image.

Subsequent to posting my question, I've been looking around in the theme files and wonder if there is something missing in the code.

You're setting the "floatleft" class for the image, right?

[MikeCloutier]

I am setting alignment for the image, not float class.

[chipbennett]

I am setting alignment for the image, not float class.

Right - setting that alignment gives the container (or, in case of no caption, the image itself) the "alignleft" (mea culpa, it's "alignleft", not "floatleft") class, that gives the container the float:left property.

Not sure why it's not working - unless your theme's CSS is somehow overriding that "alignleft" CSS declaration.

[MikeCloutier]

Without a caption, the alignment works great and the text wraps around the image. When I add a caption, the text does not wrap and instead jumps to the first line after the caption.

[chipbennett]

Without a caption, the alignment works great and the text wraps around the image. When I add a caption, the text does not wrap and instead jumps to the first line after the caption.

Do you have a live example, for code review?

[MikeCloutier]

Here's the view of the picture without the caption
http://www.ridgewayherald.ca/index.p...ze-says-mayor/

And here's a sample with the caption. All settings are the same as above. It's password protected because I don't want it publicly available. The password is chip.
http://www.ridgewayherald.ca/index.php/test-for-chip/

Thanks for your help.

[MikeCloutier]

I'm wondering if I'm missing a style definition for captions in my theme, and if so, what do I put in?