Comments on: Structured Timeline

By: Vince

Vince — Sat, 11 Feb 2012 11:46:55 +0000

IE9 doesn’t work indeed. but you can use the ‘ compatibility mode’ then it works.

hopefully someone with CSS skills can fix this. chrome and FF do work perfectly !

thanks Eric for this nice coding ! :)

By: Cameron Askew

Cameron Askew — Wed, 28 Sep 2011 23:16:50 +0000

Hey Eric,

Great timeline tool, very impressive! You may have forgotten all about this project by now, but in case not…have you tried the timeline in IE9 and if so, are you aware of why all the rows are stacked on each other outside the table?

I think it has something to do with the differences between how IE and other browsers interpret relative vs. absolute positioning. But I’m no CSS expert…I was just hoping to utilize your timeline since it looks so nice but I cannot get it to work with IE9.

Thanks in advance

By: 4 Ways to Create Web-Based Data Visualisations | Html5 Tutorials

4 Ways to Create Web-Based Data Visualisations | Html5 Tutorials — Sun, 07 Nov 2010 18:41:12 +0000

[...] but it is still as useful today as when it was written. He also managed to convert a table into a nice timeline using only CSS . This demonstrates the power and flexibility of HTML and CSS in creating charts and [...]

By: 4 Ways to Create Web-Based Data Visualisations | Carsonified

4 Ways to Create Web-Based Data Visualisations | Carsonified — Tue, 20 Apr 2010 23:19:35 +0000

By: Pure CSS Timeline – Notebook | MattBango.com

Pure CSS Timeline – Notebook | MattBango.com — Wed, 08 Jul 2009 14:22:38 +0000

[...] Structured Timeline — Eric Meyer’s table approach to timelines. [...]

By: Rachel

Rachel — Wed, 22 Apr 2009 02:07:25 +0000

Did you have a CSS way of generating the table at http://meyerweb.com/eric/browsers/timeline.html ?

By: shoumik

shoumik — Sun, 08 Feb 2009 16:58:03 +0000

hey how can i embed this on my web page?

By: -= Linkage 2007.01.28 =-

-= Linkage 2007.01.28 =- — Mon, 26 Jan 2009 15:39:22 +0000

[...] CSS Structured Timeline
[...]

By: The Salt-Box :: Online Timeline Builders

The Salt-Box :: Online Timeline Builders — Tue, 05 Feb 2008 00:47:01 +0000

[...] here’s Eric Meyer’s CSS for “building a structured timeline out of a table.” As you mouse over the timeline, the row changes color, and it looks like table items could be [...]

By: Sp3w

Sp3w — Mon, 28 Jan 2008 14:32:20 +0000

[...] CSS Structured Timeline [...]

By: Brian LePore (POWRSURG)’s personal blog : Monumental week for the Web

Brian LePore (POWRSURG)’s personal blog : Monumental week for the Web — Sat, 26 Jan 2008 05:48:00 +0000

[...] the * hack is dead, long live the * hack — Using * html was a fairly well known CSS hack that caused a rule to be set in versions of Internet Explorer 6 and below, but did not work in Internet Explorer 7 or any other A grade browser. During a discussion Eric Meyer’s update of his Browser History Timeline he revealed that a new form of the * hack lives on in Internet Explorer 7 through the use of the adjacency selector (because IE7 sees the DOCTYPE as being adjacent to the html element). While CSS hacks are very bad in theory, they are very useful in practice. [...]

By: CSS mastery

CSS mastery — Fri, 25 Jan 2008 21:10:31 +0000

[...] Here’s how he did it [...]

By: Bb’s RealTech | Highlights for January 20th through January 24th

Bb’s RealTech | Highlights for January 20th through January 24th — Fri, 25 Jan 2008 00:32:21 +0000

[...] Eric’s Archived Thoughts: Structured Timeline – Um, 1993? 1994? 1995? And where’s the new IE8 meta tag? [...]

By: Evan Heisler Dot Com | Blog

Evan Heisler Dot Com | Blog — Thu, 24 Jan 2008 02:57:54 +0000

[...] move onto a well-formulated (yet opinionated) response here, then bring it home with latest from here (the next few entries correspond as [...]

By: Dan Mathers

Dan Mathers — Wed, 23 Jan 2008 20:07:12 +0000

Wow, that’s really quite stunning! I’m late to the party and am trying to get up to speed with CSS, and I love the examples on your site.

I do have a question that I realise is a bit off-topic, but I’m trying to ensure that I got a handle on industry best practices. You have included the *+html IE7 hack on your site, but to quote Tantek Celik, ‘a hack should target ONLY older/frozen/abandoned versions of user agents / browsers.’

Now that we know about IE8 multiple rendering engines, does his rule no longer apply?

Love your O’reilly book by the way, it is never more than an arm’s length away on my desk and completely dog-eared.