Not sure if im wrong here, but this could not be done with a table and a TD, as each row would have to be separated with a TR tag.

Pseudo code:


for (each day) {
output TD
if (day is last in week) {
output /TR
}

if (we have more days in month) ¨
output TR
}
}


Not sure if im wrong here, but this could not be done with a table and a TD, as each row would have to be separated with a TR tag.

Pseudo code:


for (each day) {
output
if (day is last in week) {
output
}

if (we have more days in month) ¨
output
}
}


First of all, I would like to say that this is mega-easy, bearing in mind how many articles we read about css sprites.
Moreover, is really a calendar an UL? I don’t think so.
In any case it should be an OL if you are doing this to avoid the tag TABLE. Dates have an order.

Firefox 3.0.6/Linux 2.6.26-2.

One thing… you could reduce your css anchor states to only the attributes that change for each; you don’t need to repeat the url, repeat, or block as they will inherit from the a tag.

Thanks for sharing!

Great little tutorial

Glad you took my advice and went with lists instead of divs.