When I add a caption to an image in Joomla 3.3.1 "Images and Links" the border that usually surrounds the image becomes misplaced. It is now a small box at the start of the paragraph below the image.
See the top image here: here
Obviously a CSS problem. Do you have a fix for this?

Also, sometimes the same image when shown in the parent page (Category Blog) becomes quite small; hitting refresh brings it back to the original size. Strange and inconsistent behaviour. Have a look here in case it happens:
here

Thanks, Nick

Hi Nick

With the first one - can you show me an image without a caption?
Just so I know what I'm looking for

With point 2.

Is this on a particular browser?
As I don't seem to see a problem - its a bit slow loading which indicates it is being resized

Cheers
Paul

Hi,

Can you please open a ticket with super admin and ftp access?

I think you are missing some basic styling from the joomla.less file

Regards,

Rob

Hopefully you can see from the images attached what is happening with and without the caption.
This is happening in IE, Chrome and Firefox.
I'll open a ticket.

Yes please

thanks
Paul

Hi Nick,

Just took a look and it's a new one for me.

Basically the markup around the image with a caption is different to when without a caption.

Adding this to the custom.css will add the border to the caption image:

.caption img,
.item-image img {
border: 1px solid #eee;
padding: 4px;
}

.item-image {
box-shadow:none
}

Ill add this to the default theme and include it in the next update.
Thanks

Close, but no cigar...
The border (now the width of the image) is below the caption and above the text, not around the image.
See:

Hmm different markup on the live site compared to my local for some reason.

Try

.img_caption img instead of .caption img

Thanks

If you refresh the page, the border wraps the image - but the caption disappears - then it returns to the position as shown above (below the caption - which has appeared again). So it is trying.

That did it. Thanks.
But... now a smaller image appears in the blog page, and hitting refresh shows the larger image.
See here: fgv.com.au/promotions/pear-promotions-2014
It's not a deal breaker, and it could be a Joomla issue.

Hi

I am seeing the same image on both pages - is this still a problem?

Cheers
Paul

It looks good in Chrome (which is what I was looking at it with), and you are right, it's still crappy in Firefox and IE

Can see it in IE but not firefox

Is this firefox on a mac?

With IE do you see this in the source?
<div class="img_caption none" style="width: 185px; float: none;">

This must be one of the 'wonders of the internet'... now looks OK in all browsers - and I have not done anything!
Only issue is the smaller image displaying in the blog page, but as I said before, I can live with that - and it's probably something to do with Joomla and not your templates (maybe).

Its a bit beyond my skills this one so will ask a developer when available to check it out

Cheers
Paul