Friday, January 20, 2012

SyntaxHighlighter and blogger

If your blog uses SyntaxHighlighter from 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;}

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

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

No comments: