: : : : ReBirth Media / Blog : : : :

Optimise your CSS file with Code Beautifier

For all of you designers out there: This is a really handsome little application which is both useful and time saving! The code beautifier is simply optimising your CSS code for smaller downloads by cleaning up and structuring any CSS file you input. Shaves off many k’s while your CSS file still works.

Check it out!

Add comment January 25th, 2008

Problem with CSS in IE: How to get rid of the fug white space between your images?

I am a FireFox (FF) lover, let that be said once and for all here. I do have very little love for Internet Explorer (IE) which always creates problems for me. I build my web pages and testing them in FF which almost always renders the pages correctly and just as I intended them to be. Then I do the testing in IE and low and behold, some fuggly white space between my images I build in CSS. GRRRRRR…

But have no fear, the remedy is very simple. If for instance you have used Image Ready to cut up your page and export the images for you, you just need to clean up your code a bit and IE will render your page just as FF do.

This might be what your code looks like:

<div id=”TopBanner”>
<img src=”../images/Index_TopBanner.gif” alt=”" width=”800″ height=”150″ border=”0″>
</div>

All you have to do now to make it look as good as our dear beloved FF is showing us, is to make sure there is no space in the containing divs in your code, like this:

<code><div id=”TopBanner”><img src=”../images/Index_TopBanner.gif” alt=”" width=”800″ height=”150″ border=”0″></div></code>

Voila! Reload IE and it should work!

1 comment April 9th, 2007