Optimus Pete » plugins

IG Syntax Higliter CSS Width Fix for IE6

Pete — Sat, 27 Jan 2007 18:46:03 +0000

If you have a site with a narrow main content area like this blog then the IG Syntax Highliter plugin can break your layout in Internet Explorer 6. This problem can be easily solved by modfying the file syntax_hilite_css.css. Here is where this file is located:

your_blogs_dir/wp-content/plugins/ig_syntax_hilite/css/syntax_hilite_css.css

Below is the first change I've made aroud line 7, I have commented out the original width and replaced it with a smaller one.

PLAIN TEXT

CSS:

.syntax_hilite {
/*WIDTH: 500px*/
WIDTH: 450px
}

The second change required is around line 19, again I have commented out the original code.

PLAIN TEXT

CSS:

.igBar {
/*WIDTH: 511px*/
WIDTH: 461px
}

Upload this file to your wordpress install and your site design should now render correctly. In this example I have reduced the width of the code box by 50 pixels you may want to alter yours by a different amount.

/* Pete Graham */

Curse you Internet Explorer!

Pete — Sat, 27 Jan 2007 17:36:42 +0000

I was pretty pleased with the code syntax highlighting plugin I installed yesterday, just before I was about to finish work I got the Blog up in IE6 Arrrggghhh! IE6 redenders the width of the main content column smaller than Firefox and IE7, this causes the main content to be displayed below the content in the right sidebar, not good.

I think the fix is going to be fairly easy, I'll upload it here when I get it sorted.

I also installed the live calendar plugin on my Peteamania blog, unfortunatley I've noticed that this plugin doesn't work correctly in IE7 (the hyperlinks never load). I don't think I can be bothered to fix this bug, although its a nifty little AJAX plugin it doesn't offer much improved functionality over the bog standard wordpress calendar.

# Pete Graham

Sytax highlighting A-go-go

Pete — Fri, 26 Jan 2007 14:01:09 +0000

Theres only one thing that I love more than technology and thats code!

I've added the IG: Syntax Higliter plugin to this blog so I can start publishing snippets of code on this blog. The plugin can support php, html, sql, and a whole host of others languages click here to find out more about it.

Below is a fascinating piece of PHP I cranked out to check its working.

PLAIN TEXT

PHP:

// completely useless example of some PHP code
$arr = array('Pete', 'is', 'the', 'best!');
$html = '';
/*
everybody loves a good foreach loop
*/
foreach($arr as $key => $value)
{
$html .= $value.' ';
}
$html = rtrim($html);
echo $html;
# wow this is great
?>

My only complaint I have about the plugin is it doesn't seem to provide any indentation when it displays the code, even if you paste the code into wordpress nicely indented. Maybe there's a setting to activate this. If anyone can tell me where it is I'll buy them a beer, if you don't drink beer then you can watch me drink two instead.

// Pete Graham