PDA

View Full Version : Question: CSS (Cascading Style Sheets)


dcjboi
May 24th, 2013, 08:09 PM
Recently in my RP posts, I have been getting corruptions in my CSS codes. I don't know if it is the site or not but Code keeps getting added that I clearly did not put in.

Counterfeit
May 25th, 2013, 01:46 AM
Could you give some examples? I've looked over a couple of your posts and you've obviously edited the code in question out.

Your CSS is pretty messy though, dude. I wouldn't be surprised if it were just user error.

Weird things happen when you put the wrong thing in the wrong place.

But yeah, If you can show me what's supposedly been added I can tell you exactly what's going on*

Toujours
May 25th, 2013, 03:02 AM
Make sure you have the plain text editor on and not the rich text editor. Often that causes problems with coding CSS.

dcjboi
May 25th, 2013, 06:47 AM
This (remove the "`")

[`css-div="border-width: 1px; border-style: solid; border-color: transparent;"][`/css-div][`/css-div][`css-div="width: 100%; overflow: hidden; text-align: center; background-image:url('http://www.freewallpapersland.com/wp-content/uploads/2013/01/blue_binary_matrix.jpg'); background-repeat:repeat;"][`/css-div][`css-div="width: 100%; overflow: hidden; text-align: center; background-image:url('http://www.freewallpapersland.com/wp-content/uploads/2013/01/blue_binary_matrix.jpg'); background-repeat:repeat;"]


and this

[`/css-div][`css-div="width: 80%; background-color: #000000; text-align: left; overflow: hidden; padding:5px; border-color:#FFFAFA;border-style:solid; border-size:10px; color: #40E0D0; border-radius: 20px; margin:9%;"][`/css-div][`css-div="width: 80%; background-color: #000000; text-align: left; overflow: hidden; padding:5px; border-color:#FFFAFA;border-style:solid; border-size:10px; color: #40E0D0; border-radius: 20px; margin:9%;"]

These two segments are what I have NOT put into the code but when I post it is added into the code. Every time I try to edit the code out it is continuously added again Counterfeit but I have tried to edit them with no avail. These two selections of code are duplicated pieces of previous code but I only wish for it to be placed once but when I post, the code is duplicated.

Also I have been using the plain text editor.

Counterfeit
May 25th, 2013, 11:46 AM
Ah, I didn't spot any of those posts previously; My bad. I can see your problem straight away though!

You're opening other tags outside the css-div tag, but then closing them inside it.

e.g. [CSS-DIV="blah"]blah[/CSS-DIV]

Here's the above code corrected:

[CSS-DIV="blah"]blah[/CSS-DIV]

I'd just use the font-family and font-size css properties instead of BBCode if I were you though, way cleaner.

dʒɹʌmpfʼt̚
May 25th, 2013, 11:52 AM
also totally unrelated but if you're having trouble later about anything else regarding CSS there's a nifty little halp centrée (http://www.pokecommunity.com/showthread.php?t=200899) for that kind of thing.

dcjboi
May 25th, 2013, 01:50 PM
Ah, I didn't spot any of those posts previously; My bad. I can see your problem straight away though!

You're opening other tags outside the css-div tag, but then closing them inside it.

e.g. [CSS-DIV="blah"]blah[/CSS-DIV]

Here's the above code corrected:

[CSS-DIV="blah"]blah[/CSS-DIV]

I'd just use the font-family and font-size css properties instead of BBCode if I were you though, way cleaner.

Thanks. That was the problem and I have fixed it. I would have posted in the Tech/CSS section but I thought it was a site error at first but that was a mistake on my part. Couldn't thank you enough.


also totally unrelated but if you're having trouble later about anything else regarding CSS there's a nifty little halp centrée for that kind of thing.

XD I've noticed that definitely and I appreciate it so much. Only thing is, I was ignored twice when I posted in there a while back but I think I'll try it more often.