Codes altered after posting

When editing a new topic that contains coding for a layout for my proposal posts, the layout changes when I save it. It removes part of the code.

You can see it Here on this post I just made recently, if you hit the quote button it does the same thing.
The top part of the code now is:

Code:

[table style="border: 1px solid rgb(0, 0, 0);" width="100%"][tr style="background: none repeat scroll 0% 0% rgb(0, 0, 0);"][td style="background-repeat: no-repeat; background-position: center center; padding: 5px; font-weight: bold; font-size: 20px;" height="169px"]

It should be:

Code:

[table style="border: 1px solid rgb(0, 0, 0);" width="100%"][tr style="background: none repeat scroll 0% 0% rgb(0, 0, 0);"][td style="background-repeat: no-repeat; background-position: center center; padding: 5px; font-weight: bold; font-size: 20px;" background="http://i1042.photobucket.com/albums/b430/RapsGraphics/train-rank-head.png" height="169px"]

As you can see the background image url is removed. After editing and saving, the image is gone so I have to re-edit it again and redo the coding, adding the image url. The image will remain in the post as long as I don't edit it again.

I posted this question before Here and got the reply:

There have been updates to the editors on our forums and in the administration panel -
These updates have caused some issues with old posts.

This is a recent post made way after the editor changes and is doing it also.

Is there a new way I need to be coding that section of the code because of the new editor update?
Or is this a bug due to the update?

This gets pretty frustrating when designing new tables/posts/templates, etc. I have to keep the code in a text file on my computer to keep copy/pasting it while designing something new.

hmm the editor seems to be removing it. Have you tried adding the bg image with the background-image property instead ? That should probably keep it even if you edit.

Code:

[table style="border: 1px solid rgb(0, 0, 0);" width="100%"][tr style="background: none repeat scroll 0% 0% rgb(0, 0, 0);"][td style="background-repeat: no-repeat; background-position: center center; padding: 5px; font-weight: bold; font-size: 20px;background-image:url(http://i1042.photobucket.com/albums/b430/RapsGraphics/train-rank-head.png);" height="169px"]

Code:

background-image:url(http://i1042.photobucket.com/albums/b430/RapsGraphics/train-rank-head.png);

oh, you can also set the height in the style too, but oddly enough that doesn't seem to get removed !

Ange Tuteur wrote:hmm the editor seems to be removing it. Have you tried adding the bg image with the background-image property instead ? That should probably keep it even if you edit.

Code:

[table style="border: 1px solid rgb(0, 0, 0);" width="100%"][tr style="background: none repeat scroll 0% 0% rgb(0, 0, 0);"][td style="background-repeat: no-repeat; background-position: center center; padding: 5px; font-weight: bold; font-size: 20px;background-image:url(http://i1042.photobucket.com/albums/b430/RapsGraphics/train-rank-head.png);" height="169px"]

Code:

background-image:url(http://i1042.photobucket.com/albums/b430/RapsGraphics/train-rank-head.png);

oh, you can also set the height in the style too, but oddly enough that doesn't seem to get removed !

That works thanks!

Great job, Ange.

Topic Solved & Locked.