.caption not allowing float?

I am also experiencing this. This is extremely annoying... why would I want to caption an image if it's just going to sit and be ugly in the middle of the page?

Perhaps you could try floating the .image-caption-container rather than the image itself.

.image-caption-container{
  float:left;
}

I tested that with Firebug on the sample link provided and it works fine.

Otherwise, try using the input format version of image caption.

DT

I'm having the same problem -- there needs to be a way for the float to be translated from image itself to the image-caption-container
There's already a provision for this if the tag contains an align attribute

awolfey - I had the exact same problem you experienced. To resolve the "alignment" conflict I slightly modified the JS you provided and so far it seems to work. Further testing is still needed.

The following replaces the image_caption.js found within the module.

$(document).ready(function(){
  $("img.caption").each(function(i) {
    var imgwidth = $(this).width();
    var imgheight = $(this).height();
    var captiontext = $(this).attr('title');
    var style = $(this).attr('style');
    var alignment = $(this).attr('align');
    //Clear image styles to prevent conflicts with parent div
    $(this).attr('style','');
    $(this).wrap("<div class=\"image-caption-container\" style=\"" + style + "; text-align: " + alignment + "\"></div>");
    $(this).parent().width(imgwidth);
    $(this).parent().append("<div class=\"image-caption\">" + captiontext + "</div>");
  });
});

I have applied the fix in #10 to my site and it seems to be working great. Could this get rolled into the next release?

hahahahahah!

quit your whining, I don't see you on a list of 100 top donors, sistah.

as for the issue at hand, the above solution does not work for me.

upon clearing my cache I'm happy to report that its working perfectly.

Please let us know if there's any more work that needs to be done on this. Otherwise it sounds like it can be rolled into the next release.

(Does this project have/need an active maintainer?)

This may be a duplicate of this issue, actually:
http://drupal.org/node/461798

@gregarios - I think these issues may be similar, but they're not duplicates. That issue seems to be related to Image Caption stripping classes, this one is related to stripping inline styles.

Is this going to get addressed by a maintainer at all? We seem to have a fully working patch, and I'd love to get this out of my issue queue at long last (we're going on 10 months here!)

Works great, thanks for the patch. Would also like to see this get committed.

bump... perhaps it's time to start the "abandoned project" process

Patch applied in release 6.x-2.4 http://drupal.org/node/672928
Note: as I'm a busy developer, I depend on the community to review and test patches.
Hence, only issues marked 'tested and reviewed by the community" will be considered, thanks.
DT

The release of 6.x-2.4 threw off the image alignment in old posts but I found the right fix.

On my site, I have given novice people the ability to add captions. I just tell them to add the following while inserting an image into any post

- width
- height
- align (was handling the float in the previous release)
- class="caption"
- title

Basically, in the previous release, the image alignment was handling the float of the image-container but the latest release replaced that with "text-align" which doesn't work as well. The following works fine for me and my old posts are also not affected.

Change Line 11 in the image_caption.js to

$(this).wrap("<div class=\"image-caption-container\" style=\"" + style + "; float: " + alignment + "\"></div>");"

Easy fix!

Working example can be found at the following

http://usaca.org/content/20100107/usa-under-19-warms-down-in-2nd-match

http://usaca.org/content/20091219/university-of-minnesota-offers-cricket...

If any one is wondering how I use the borders and such, I use the following in the style.css file of my site theme

.caption {}
.image-caption-container
{
	padding: 1px;
	border-style:solid; border-width:1px;
	margin: 0em 0em .5em 1em;
	background-color: rgb(0, 0, 0);
	clear: both;
}
.image-caption
{
	padding-left: 5px;
	text-align: left;
	font-family: Arial,verdana;
	font-size: 11px;
	font-weight: normal;
	color: rgb(255, 255, 255);
}

Cheers!

P.S. Am not an expert. Just trying to learn Drupal and it's awesome!!!

Spammers on d.o? That's a new one to me. How do we report users and get posts deleted?
Problem solved