Issue with HTML in CMS editor

[Dennasz1]

Hello,

 

I am trying to make a category page on one of the CMS pages. I have made some test code in dreamweaver and it works OK.

 

But when i am pasting the code in the HTML function on cms pages and see it in the front office it gets totally messed up. It automaticly makes a spacing between my picture and the description 

 

I have attached 2 files to make it clear. 1 is the code i have which is right and 2 is the outcome of the html editor.

 

I hope that someone can explain the issue.

 

Thanks in advance,

 

Dennis

bouten.html

[vekia]

your code contains a lot of weirdy spaces and line breaks, for example, code:
 

<div style="
    position: absolute;
    top: 8px;
    left: 8px;
"><img src="MIJN ijzerwaren/bouten.jpg" width="205" height="140" style="
    border: 1px solid #ff0000;
">

should looks like:

<div style="position: absolute; top: 8px; left: 8px;"><img src="MIJN ijzerwaren/bouten.jpg" width="205" height="140" style="border: 1px solid #ff0000;">

you also use images with relative paths in src params, like below:

<img src="MIJN ijzerwaren/bouten.jpg" width="205" height="140" style="border: 1px solid #ff0000;">

does the file: "MIJN ijzerwaren/bouten.jpg" exists on your host? note that it's a relative path! and there are CAPITALS and space in name. remote directory and file name must look exactly the same

[Dennasz1]

Aha, i understand now! thank you

[Dennasz1]

I have a new problem. I cant use css in the html boxes on the cms pages. When i use it in the code and save it automaticly the css part  goes away.

 

When i use css in the htmlbox it works fine

 

Anyone?

[vekia]

default tinymce editor doesnt accept styles, if you want to save styles you have to save them in .css files (like global.css) or if you want to allow save styles inside native editor - you have to extend tinyMCE editor

[Dennasz1]

Thanks for your reply, I already have extended tinymce. I will check later if it works OK 

 

Dennis