Comments on: Bar Graphs With Style

By: John F Croston III » Blog Archive » Finally My Notes from An Event Apart Chicago 2007

Sat, 24 Nov 2007 19:06:59 +0000

[...] that you could use tables and CSS to create pages that end up displaying graphs. I had seen his earlier article about this and had worked on creating forms to allow you to enter the amounts and then put out the [...]

By: Gillico Blog » Blog Archive » CSS Styled Bar Graphs

Gillico Blog » Blog Archive » CSS Styled Bar Graphs — Sun, 14 May 2006 09:09:43 +0000

[...] L Sliding Doors » CSS Styled Bar Graphs Nifty stuff. Link. This entry was posted on [...]

By: 網絡暴民 Jacky’s Blog » 20051221網摘 - 日動漫BT

網絡暴民 Jacky’s Blog » 20051221網摘 - 日動漫BT — Sun, 12 Mar 2006 15:01:43 +0000

[...]

By: cssing ::

cssing :: — Tue, 07 Mar 2006 13:27:55 +0000

[...]

By: cssing ::

cssing :: — Tue, 07 Mar 2006 13:10:46 +0000

[...]

By: Stu Nicholls

Stu Nicholls — Mon, 23 Jan 2006 16:03:21 +0000

I have been playing with horizontal bar charts using definition lists and put up this demo several months ago for what it is worth.
http://www.cssplay.co.uk/menu/barchart.html

By: otro blog m

otro blog m — Fri, 20 Jan 2006 19:09:49 +0000

[...] car logos (con una continuaci

By: Drew

Drew — Sun, 08 Jan 2006 08:24:07 +0000

If you like this, you might enjoy, NAIM: Not An Image Map

By: Antonio Bueno

Antonio Bueno — Tue, 03 Jan 2006 12:14:02 +0000

Hi,

I did this some time ago:
http://www.mundoplus.tv/atnbueno/webbits/bargraphs/

It’s simple but it’s what I was aiming to. Thanks to the good people at css-d it’s one of the most browser-agnostic things I’ve done with CSS :)

It used to be listed as a trick at the css-d wiki (css-discuss.incutio.com) but I’ve just noticed the wiki is down :?

By: akip5e

akip5e — Fri, 30 Dec 2005 05:32:12 +0000

Seem like a massive hack to me just to get something so simple working in your “semantics”.

By: Michael C.

Michael C. — Mon, 26 Dec 2005 14:14:57 +0000

Shame you can’t use the data itself to generate the height automagically. That would require PHP (unless CSS3 has built-in calculations…?). :p

By: Chris Stainthorpe

Chris Stainthorpe — Fri, 23 Dec 2005 14:27:12 +0000

This is brill. Hooray for CSS. It's now crying out for a new Web 2.0 stats app to put it to gratuitous use! :P On the subject of 'original ideas', check out JAFS - CSS trickery, utterly useless, and doubtless pre-empted by another person, elsewhere in the web, by a good few years! :)

By: Jan Brašna

Jan Brašna — Thu, 22 Dec 2005 06:52:34 +0000

[18] Jeeez, I overlooked it :) It’s clear then.

The explanation of the weird former formating may be connected to the fact there’s (IIRC) an undefined behavior of block-displayed element as a direct ancestor of table-displayed element and the lack of error handling in CSS, thus the eee… let’s say random… behavior.

I also suggested a fix for IE in the comments.

By: Eric Meyer

Eric Meyer — Thu, 22 Dec 2005 01:19:29 +0000

Jan: I figured out a way to fix it in Firefox. In my original version of the demo, I didn't declare a display value for the table element, and only relatively positioned it. This let it retain the HTML/XHTML default value of table. I threw in an explicit display: block, and everything snapped into place. Now, I don't know why there should be so large a different between the two display values, but there is. It's still borked in IE/Win, but I at least have guesses as to why. See the followup post for details.

By: Jan Brašna

Jan Brašna — Thu, 22 Dec 2005 00:00:40 +0000

[16] That rocks, Eric. And I see the weird positioning (misaligning between the table and tr elements, impossible to redefine) in Gecko. I’ll keep it in mind and will try to inform you if I found out something.