css problem the text appear without spaces

Question

i have a big problems in showing my codes its appear as one text "not have spaces" example

$paypal = new phpPayPal();

it will appear

live example

the css file 1 the css file 1

any my question is how to make with spaces all this is in SyntaxHighlighter

Answer 1

You don't see the spaces, because the content doesn't contain the spaces. You could put a "padding-right: 10px;" on ".syntaxhighlighter code" around line 44 of core.css to give a similar effect.

Answer 2

Are you developing the syntax highlighter or just using it?

If developing, you shouldn't trim spaces when splitting the tokens of the original code, instead just replace them with   so they are displayed in the output.

Cheers

Answer 3

Your highlighter is a flash file, and it has nothing to do with CSS or even javascript. You need to look in the flash code where it puts certain keywords in tags. It seems to also replace the following space character.

If it's not the flash file, you need to find the javascript that does this. I couldn't find it. CSS cannot remove characters, and it can't transform a non-tagged pre tag content into that detailed highlights.

Answer 4

David solution is very cool

padding-right: 5px !important;