Elegant Styled CSS Tables
Tables are the bain of many a developer as they can be cumbersome, buggy on different browsers and hard to code but thankfully the days when tables were used to markup entire web sites are gone (mostly anyway!)
I found this Table example on .NET magazine and, as you can see, it really is an elegant, well written solution by Inayaili de Leon. Here, she creates a beautiful and original HTML data table using semantic and clean markup using the latest and greatest CSS techniques.
This coding style is careful not to use unnecessary selectors, classes or IDs and uses often underused CSS selectors.
| Firefox | Safari | Internet Explorer | Chrome | Opera | |||
|---|---|---|---|---|---|---|---|
| IE 6 | IE 7 | IE 8 | |||||
| Average | 58.06% | 14.00% | 5.49% | 3.78% | 1.51% | 9.25% | 4.45% |
| September | 60.77% | 12.14% | 6.32% | 4.34% | 1.74% | 7.59% | 4.26% |
| October | 57.43% | 11.71% | 7.77% | 5.33% | 2.13% | 8.05% | 6.38% |
| November | 56.66% | 17.81% | 4.52% | 3.10% | 1.24% | 9.86% | 3.97% |
| December | 57.37% | 18.32% | 3.34% | 2.30% | 0.92% | 11.51% | 3.17% |
You can download the source code from here
Comments (0)