CSS

Although firefox is my preferred browser, I do have to check everything in IE too, and when certain css displays one way in firefox, and one way in IE, I was looking for a way to debug directly in IE. It turns out there's a developer toolbar for IE, which can be downloaded here.

Disclaimer: OK - so I know I shouldn't be using tables, but sometimes, I just have to. Was trying to figure out this extra space around an image that was sitting in a table cell. Came across this article which explains why. It's to do with using a strict doctype, and the fact that the images are by default inline which display on top of the baseline. Quick fix for me was to apply the following style to the offending images: .header-image {display:block}

Found that by default the background colour for tinymce textareas was grey with my newest drupal 5 installation. Found this node which shows which style to add to your stylesheet to change the background colour to white. Add the following to your theme's style.css: body.mceContentBody { background: #fff; color: #000; }

Firebug 1.0, a tool for the live debugging editing, debugging, and monitoring of CSS, HTML, and JavaScript, was released on the 24th January 2007. This tool is essential for any web developer who needs to know exactly what is going on in a web page, especially with those hard to track down javascript errors.