inserted images - how to create left or right margin

The forum operates in read-only mode. Please head to StackOverflow for support.

Wed, 07/09/2008 - 13:35

rajchahal

Joined: 27/06/2008

Posts: 8

inserted images - how to create left or right margin

Hi there

After inserting an image into the text area and align right or left, how can I add a left or right margin, so the text is not butted around image?

Thanks

Wed, 07/09/2008 - 13:53

exception e

Joined: 09/07/2008

Posts: 14

Re: inserted images - how to create left or right margin

you can use hspace and vspace for it.
However, I recommend against this. It's better to define such a margin within you stylesheet.

Wed, 07/09/2008 - 14:38

rajchahal

Joined: 27/06/2008

Posts: 8

Re: inserted images - how to create left or right margin

Hspace and vspace creates space all around the image, which I don't want.

In the advanced dialogue box thers a section for stylesheets, how do i use this. Couldn't find it in the manual

Wed, 07/09/2008 - 18:47

exception e

Joined: 09/07/2008

Posts: 14

Re: inserted images - how to create left or right margin

rajchahal wrote:n the advanced dialogue box thers a section for stylesheets, how do i use this. Couldn't find it in the manual

preparations
If you know css, it should be easy.

make a stylesheet file, e.g. style.css

configure your fckeditor lo load the style.css (http://docs.fckeditor.net/FCKeditor_2.x ... torAreaCSS)

make sure that whenever you load the edited html on your site, you load also style.css

add to your style.css something like the following
IMG.spaceRight { margin-right: 14px;}

use it
in the image dialog, enter spaceRight for Stylesheet Classes

CKEditor 4