Just installed the K2 theme and inline images do not display in Firefox (mac osx) works fine in Safari. I commented out this line in img_assist.css

/*span.left {
float: left;
margin: 5px 5px 5px 0px;
}*/

and the image displayed fine. Obviously a small conflict going on somewhere.

Comments

robloach’s picture

I had the same problem but your little fix worked perfectly. Thanks a lot!

jasoncd’s picture

Ditto. It's the float property that's causing the problem. Haven't tried with other themes yet.

darren oh’s picture

If someone will submit a patch and explain what it does, I'll commit it.

nickstone’s picture

I'm not sure whether this will help but I've chatting with some of the guy's we use at work regarding the css. It appears that there maybe several problems. Firstly I encountered this from within tinymce and what appears to be happening is that an extra

tag is placed at the start of the image under certain circumstances - mostly if the image is at the start of the node body.

Secondly apparently the span tags around the image cause firefox some problems - I'm looking at removing those now and trying it but it may be worth having a play with

nickstone’s picture

firstly appologies for the last post. I meant to say that under tinymce an extra <p> was added.

I can confirm that removing the span tags is the way to go - clearly this is easy if you always render to html but not so great if you use the filter functionality...

darren oh’s picture

Component: Code » TinyMCE Plugin (drupalimage)

The tinymce plugin needs a lot of work.

sun’s picture

Status: Active » Closed (duplicate)

This CSS change completely removes left alignment support for inline images of Img_Assist.
Marking as duplicate of http://drupal.org/node/116998

biddyb1’s picture

Component: TinyMCE Plugin (drupalimage) » Code

I had similar problems with k2 as well. Thanks for this. k2 incense