Changes to the Sidebar

The green sidebar box on this site was something that I figured out for myself without looking at any tutorials, and although it worked fine, it contained 3 gifs, and 4 divs in the code. Now as I’ve said myself, you should always try to keep the markup in your HTML down to a minimum, and it is common knowledge that less files to download is always better.

So a couple of days ago while browsing through 456 Berea Street, I found his CSS Fixed width teaser box demo. A teaser box with nice rounded corners and one image, as well as minimal markup. So today I put aside some time to do something similar, and although not exactly the same, it’s close enough and the box now uses only one image and two divs.

It works fine on IE6, firefox 1.5RC2 and Opera 8.5. Now if someone could be so nice as to confirm it works on Safari. :)

Leave a Reply

You must be logged in to post a comment.