Issue: CSS and Text Automatic Problems

[Who's Kiyo?]

I've been finding that I'm having a lot of problems with not just CSS codes behaving, but also text.

Now, this isn't a problem with actually creating and understanding how to properly use CSS; if it was, I wouldn't be posting here.

My problem is with trying to edit it later and it automatically making changes and being unstable. For instance, take a thread of mine in the Roleplay Corner.

Spoiler:

xxxx

Here's how it looks now, after I perfected it the first time and initally posted it.

Now, here are results of me simply hitting the "Edit Post" on the post itself, pressing the "Go Advanced" option, and then "Preview Changes" without even so much as touching the text itself.

Spoiler:

xxxx

And the automatically altered code:

(the "/" in "/css-div" deleted to show how you code without it triggering. Everything dyed black for your viewing pleasure. :D)

I would've also included the initial text code, but I couldn't get it to behave long to give you a proper look at what it was supposed to be like.

It seems that the post wants to create more of the black boxes I have wrapped around the text and rather add or delete the spacing I have between lines of text. I think the spacing issue has to do with the fact I'm copy-pasting the text from Microsoft Word, since I've encountered that problem before and it never happens when I completely type out a post on PokeCommunity itself.

I've encountered these same problems on more than one computer and type of internet browser (IE and Firefox), so I don't think it's my end. It's very frustrating, since I do need to edit posts like this one to add information and links. Even trying to solve the problem by taking out the extra boxes and spacing doesn't work very well, because it continues to have these issues by re-creating them every time I finish the editing or even just preview the changes. I've tried taking out the "/" in the ending "/css-div" bracket so I can work on the text itself and then later re-wrap it, but the spacing issue continues and the CSS has problems the second I re-enable it. So I ask if anyone has encountered this problem before and knows how to solve/tame it. :3

Thank you for reading.

 

[Abnegation]

It's actually to do with the editor. If you use the WYSIWYG editor. If you go to your Miscellaneous Options in Options, and go to Message Editor Interface, you will find a dropdown menu. In the Enhanced Interface mode, it can begin to make your code messy if you use BB codes instead of CSS. Things like using BB code such as or or even the colour codes can mess with your css, when using the Enhanced Interface. My recommendation is to A) avoid using BB code and possibly spoilers when using CSS in the Enhanced Mode, because people tend to mess up this way or B) Go ahead and use the Basic Editor and do everything from scratch, that way you'll avoid clumping up your text throughout the layout.

Remember that BB codes include

,

and

.​

​

 

[Who's Kiyo?]

@Abnegation - That does make a lot of sense now that you put it that way, since I do use the features on the Editor that's BB while making CSS. It's especially had trouble when I change the color of text via the editor. I'm going to try to see if the basic editor can help me out, guess I'll have to head off to the CSS Help Thread and freshen up on all the features. :3

If this problem persists I'll come back. Thanks!