Images always aligned left instead

[as-lahaye]

Hi guys,

I'll have probably overread it like the last time.. but I find my images always aligned left.

In the pages WYSIWYG editor it is aligned properly but when viewing the live page it sticks to the left.

http://gerdine-hoeve.studio-lahaye.nl

Please choose "Nederlands" as language as the other languages are not yet finished..
the "home" page "Gerdine Hoeve" contains the picture I'm referring to.

thank you in advance!!

[kweitzel]

you should define a css for your editor calles "editor.css" which is then parsed by the FCK WYSIWYG Editor. There you define the CSS classes. Then you need to also put the class of your image into your screen.css file so that it can be found.

Have a look here: http://www.websitebaker2.org/forum/index.php/topic,10381.0.html

cheers

Klaus

[marathoner]

I looked at your page and you have your IMG tag styled to be left aligned so of course, it's going to be left aligned. Just look at your page source and you will see that your IMG tag has "style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin-left: 5px; padding-top: 5px; align: left"

Regarding kweitzel's recommendation, a quick way is to make your editor.css file a copy of your screen.css file and then rip out any "wrappers" or ids/classes that aren't used by your content (e.g. navigation or footer ids and classes).

[as-lahaye]

thank you for your quick responses.

ok adapting the XML sounds easier. I viewed the screen.css and from where i can see allmost everything in there are classes.

anyone has an example of the editor.css for me? i'm just a beginner and do not know how to write my own css content.

the thing I don't get is that FCK WYSIWYG editor gives you an option when inserting an photo where you want to align the image. So I expect that option to work when I choose "align right"..?

thanks again!


UPDATE:

I managed to get the value to "Right" but the image still alignes left??

Code:

<img height="133" hspace="2" width="200" align="right" vspace="2" border="1" alt="" src="http://gerdinehoeve.studio-lahaye.nl/media/website_sfeer_fotos/stalgang1.jpg" />

Yes I did clear my cache and cookies

[Ruud]

There is also a ".main img" entry in your css that says "float: left;"
Just remove that one.

(currently the image has "align=center". that one is not allowed in an img tag. Read more on img align here)

Ruud