Applying my image classes in the FCKeditor

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
Darwin Web Design
Forum Members
Forum Members
Posts: 212
Joined: Tue May 30, 2006 3:12 am

Applying my image classes in the FCKeditor

Post by Darwin Web Design »

Hi there
I've created some image classes in my css file for left aligned and right aligned images.  My classes have the borders and padding etc all sorted out.

The problem is that I can't see in the editor where I apply these classes to the image once I've inserted it.  The crazy thing is, I've managed to achieve this before and cannot remember how I did it!!  Looking at the properties of the ones I've achieved, do not give me any clues but looking at the source code - the class is definitely applied.  That will teach me for not writing it down!!

In any case, I am pretty sure it has something to do with the image properties icon, then going to the advanced tab.  My class is called .image-left or .image-right.  How do I call this up and in which box to I put the command?

I've tried variations eg

img class="image-right" with and without the symbols and to no avail. 

Thanks  8)
Nogga

Re: Applying my image classes in the FCKeditor

Post by Nogga »

There's a last tab called Advanced on the image's property-popup. There you have the possibility to assign a class to your image.
User avatar
Darwin Web Design
Forum Members
Forum Members
Posts: 212
Joined: Tue May 30, 2006 3:12 am

Re: Applying my image classes in the FCKeditor

Post by Darwin Web Design »

Thanks, I know it's that tab I should use, but what exactly do I type in which box.  For example, a class .image-right - how would that be written up.  I've tried various ways but no luck yet. ???
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Applying my image classes in the FCKeditor

Post by Dr.CSS »

It's Stylesheet Classes and all you do is type in the class eg,. image-left or image-right  no periods, dashs, nada just the word for the class.

Thanks that's actually a good thing to know. ;)
User avatar
Darwin Web Design
Forum Members
Forum Members
Posts: 212
Joined: Tue May 30, 2006 3:12 am

Re: Applying my image classes in the FCKeditor

Post by Darwin Web Design »

Thanks, it wasn't working when I tried that either - and I thought I was going stark raving mad  >:(

But then, after applying the class (with no visible change happening in the editor, the image just sat there unmoved), I clicked the 'source' button - just to check that the style had been added in the code and it had, so I went back to design view and voila - it was there.

Tested it again, for some reason I have to click 'source' on and off to see the result in the editor.  Oh well, I can handle that.  ::)

Glad you find it handy too.
Post Reply

Return to “Layout and Design (CSS & HTML)”