Hi Eugene,

i really like your module, and after some tedious installation (due to me being new to drupal) i managed to make it work alomst perfectly on my site. I use Wysiwyg with CKeditor, and recently i upgraded WIU to 3.0 rc2. It fixed an issue i had with opening the default CKeditor image tool when right clicking or double clicking the inserted image. WIU is now perfectly integrated with CKeditor.
But i found another issue. Please look at the screenshot attached. I use a style with 20 pixels spacing around the image (imgupl_styles_spacing_20) but this results in a grey border around the image in this version of WIU. Am i doing something wrong here?
Please advice. Kind regards,
Cas

CommentFileSizeAuthor
#2 screen-capture-4.png488.06 KBcaskraker
#2 screen-capture-6.png482.32 KBcaskraker
screen-capture.png285.56 KBcaskraker

Comments

eugenmayer’s picture

eugenmayer commented

just check the CSS and inspect it - find out what styles the image. Shouldnt be that hard i guess

caskraker’s picture

caskraker commented
StatusFileSize
new screen-capture-6.png482.32 KB
new screen-capture-4.png488.06 KB

Actually, it is. I attached two screenshots with firebug in action. I'm not a coding guru at all, but can't find anything out of the ordinary here.

In the last stable release there was no such border around the images, only since i upgraded to 3.0-rc2.
Does your answer imply that you don't experience the same problems when using 20 pix spacing?

Thanx.
Cas

matthew gibbon’s picture

matthew gibbon
Primary language English
Location South Africa KZN
commented

I have the exact same problem. If you have a look at some of the css in WIU, it appears to defualt there especially with backround, so I temporarily edited it there. Also my style.css is creating borders, which I have not edited yet, so it appears to combine the two.

eugenmayer’s picture

eugenmayer commented

Guys, just use general CSS overrides to style the image the way you like it. Do that in your theme. I really cant see a bigger issues here - those are just plain css defaults to be overriden by your taste

caskraker’s picture

caskraker commented

sorry, but no. It only happens with 3.0 rc2, not with the current 2.x version. So something must have changed in the layout of the images in this new release. It has nothing to do with the theme. The 2.x version was perfect, it gave a nice 20 pixel empty space around the image. How does it work in your own environment?

And again, i haven't found the css that makes this happen. Can you see it in my screenshots?

caskraker’s picture

caskraker commented
Status: Active » Closed (won't fix)

After downgrading to version 2.9 i'm still kept with some bugs regarding the spacing and borderstyle. Furthermore, it reacts differently in Safari and FF.
I decided to turn to TinyMCE combined with IMCE and that works great. No hard feelings, all this is open source and one can not demand a thing. I'm very aware of that. Thanx for answering my issue, regards,
Cas

royerd’s picture

royerd commented

Caskraker:

There is a css file here:

http://YOURWEBSITE/sites/all/modules/wysiwyg_imageupload/plugins/imguplo...

In that file you'll find this code at the top:

span.wysiwyg_imageupload {
border: 1px solid #CCC;
padding: 4px 4px 0px 4px;
background: #F3F3F3;
text-align: center;
}

Copy that code over to one of your main style sheets in your theme and add the right (and left if you like) margin like this:

span.wysiwyg_imageupload {
border: 1px solid #CCC;
padding: 4px 4px 0px 4px;
background: #F3F3F3;
text-align: center;
margin-right: 10px;
}

So that's how you override the CSS and perhaps there are better or smarter ways. Now I too have had a lot of trouble trying to understand the custom styles that can be entered. I've studied and read the docs here but there's not much on the styles and no matter what I do, I can't seem to add a custom style or find a way to add a style to the list of styles and have it have any impact. If I ever figure it out, I'll let you know.

Dan