Friday, January 20, 2012

SyntaxHighlighter and blogger

If your blog uses SyntaxHighlighter from alexgorbatchev.com then setting it to display items correctly might require a small addition in styles. I needed this to make it look correct (additional style is to limit the length for mobile devices):

...
<!-- this is going in your template -->
<style type="text/css">
    .height_600px_class {height: 600px;}
    .overflow_y_hidden_class {overflow-y: hidden !important;}
</style>

<!--choose one of these for your code -->
<pre class="brush:xml; class-name:'height_600px_class'" style="height:400px; overflow:hidden;">
</pre>

<pre class="brush:xml; class-name:'overflow_y_hidden_class'" style="height:400px; overflow:hidden;">
</pre>
...

No comments: