Veerle's blog

Many times I’ve been asked how I created my calendar, or asked me if they could use the code etc. That’s why I thought it might be interesting to write an article on how to create such calendar.

A recent job of mine was to design a CSS template page for an invoicing system that works entirely in a browser environment. There was one condition: the template should be designed so it works both on Mac and Windows. For Mac, Safari would be used as browser and for Windows (XP) FireFox.

CSS resources…. So many links to bookmark for later use. You don’t always need them right away, so what I do is manage my bookmarks in Safari and my dot.Mac. It’s nice to have them around but it would be much more handy if I had one document. A document that I can store and backup on DVD etc. There are some websites who have a list but what if those are down, it’s the Internet after all.

UPDATE: Before we start part 7 I want to correct a minor mistake of mine, mea culpa. When adding blocks of text I told you to put this between div tags but that is not semantically correct. It should be between paragraphs instead. This way everything still looks fine when the CSS stylesheet is dissabled. Doing so allows you to use top and bottom margins to adjust the vertical spacing between paragraphs. This way we also don’t need to use linebreak tags anymore.

In our previous part we implemented our very first CSS code. For first time visitors here is: part 1, part 2, part 3 and part 4. In this part of the tutorial we will be implementing our navigation on the left.