CKEditor 4

Wed, 07/09/2008 - 13:35
#1
rajchahal
rajchahal's picture
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
Top
Wed, 07/09/2008 - 13:53
exception e
exception e's picture
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.
Top
Wed, 07/09/2008 - 14:38
rajchahal
rajchahal's picture
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
Top
Wed, 07/09/2008 - 18:47
exception e
exception e's picture
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.



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

Top
Twitter Facebook Facebook Instagram Medium Google+ GitHub Arrow down Phone Menu Close icon Check