Comments on: Elastic Calendar Styling with CSS

By: AsaBerdahl

AsaBerdahl — Fri, 02 Jan 2009 07:36:48 +0000

I just don’t see why a table should be overused either. I like the concept, and the “proof is in the pudding, but it really has a lot of coding. Not to say it isn’t a good idea. Quite frankly, I just can’t get a table to act like I want it to, it won’t sit or play dead, if you know what I mean. I am actually implementing a CSS based calender into my upcoming Datebook application. This gave me the coding resource I needed to make a better full-month calender.

By: Elastic Calendar Styling with CSS « All about Lotus Domino Development (AaLDD)

Fri, 18 Jul 2008 13:51:40 +0000

[...] up for … something … so I decided to do this today. Like the article-title ‘Elastic Calendar Styling with CSS‘ says some nice calendering can be made just using [...]

By: Tables Or Lists - The HTML Calendar Debate :: Unintentionally Blank

Tables Or Lists - The HTML Calendar Debate :: Unintentionally Blank — Wed, 25 Jun 2008 06:40:35 +0000

[...] based CSS calendar at CSS Newbie and that was followed up by Chris Coyier and Tim Wright’s elastic, list based CSS calendar at CSS Tricks. Hacks and unsolved problems aside my belief is that their solutions are taking both [...]

By: Jenny

Jenny — Sun, 22 Jun 2008 23:44:58 +0000

This is great!

By: Alex D

Alex D — Sun, 22 Jun 2008 19:33:07 +0000

Oh, this is great dude!

By: Phil A

Phil A — Sun, 22 Jun 2008 10:23:27 +0000

Let’s not overdo Lists, okay? Tabels do make sense with Calendars…

By: pab

pab — Fri, 20 Jun 2008 21:45:05 +0000

I’m with Phil on this, if css is turned off, nothing really makes sense any more

but this technique could be very useful for tons of other stuff, again great work Chris and Tim.

keep it up.

By: Andy Ford

Andy Ford — Fri, 20 Jun 2008 20:19:50 +0000

I recently had to implement some fairly complicated events calendars with different views: monthly, weekly, and daily.

I found that the “rowspan” and “colspan” attributes were very helpful in allowing events to span across multiple time increments (days, hours, etc). I’m fairly convinced that this would have been a nightmare using a list.

I would agree with some of the other commenters that a table is indeed more semantically correct for styling calendars – particularly in a grid format where the two axis have semantic meaning. Using ROWSPAN, COLSPAN, THEAD and TH gives a lot of flexibility as well as semantic meaining.

Wow. I never imagined arguing FOR the use of tables, but I think it provides the most semantically rich relationships.

With all that out of the way, I do think that you have pulled off the list-based calendar quite beautifully and brilliantly! Kudos, and thanks for sharing!

By: Elastic Calendar Styling with CSS | CSS-FAQ

Elastic Calendar Styling with CSS | CSS-FAQ — Fri, 20 Jun 2008 19:56:09 +0000

[...] Learn how to create an elastic calendar using no tables because styling is done with CSS! [...]

By: Phil Nash

Phil Nash — Fri, 20 Jun 2008 19:43:21 +0000

Sorry guys, great proof of concept and all, but a calendar is a table with two axes, weeks and days. It’s all very well to bastardize the ordered list, but why would you when a table already does what you want with minimal fuss.

Especially the fuss regarding body * {display:inline;} (though why you didn’t choose ol.calendar * {display:inline;} escapes me) and having to include display:none on a script element (which the w3c validator doesn’t like in your example).

I have to say, the elasticity of the calendar intrigues me, and I only wonder whether the same thing is possible with a table (surely you can set a table’s width by ems).

Nice idea, but let’s leave a disclaimer to say that no sane person should implement this.