Mobile Friendly Website


Doing it with style

bar chart COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts

Really excellent and the use of the definition list let's the page degrade nicely. congratulations for this :)
(20.07.2005, 08:45)

Andrew Faulkner:-
A clever use of definition lists.
(20.07.2005, 10:50)

Chris Hunt:-
That's fun. I think I'd define the width of the bars in inline style="" attributes, rather than creating classes in the stylesheet. It means you only have to change the (x)html file if the values change. Note that it'll break down if percentages approach 100%.
(20.07.2005, 14:44)

What Chris said. You could use PHP to generate this, or javascript :P
(22.07.2005, 17:30)

The higher Gecko visitation is probably because more people who use Mozilla/Firefox/etc are interested in making things valid yet cross-browser...
(23.07.2005, 17:19)

Combining Chris & mrruben5 - you could feasibly generate an external css sheet from php - just to keep the content/style separation. I know it's probably overkill, but it would work in theory ...
(24.03.2006, 15:52)

This is excellent, but would it be possible to print the bar chart out?
When i go to print it, in either IE7 or FF it does not show the bar its self.

Does anyone know how this could be done in php, but not JS.
(15.05.2008, 19:24)


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page