We're gradually getting more challenging with these community projects - still, many of you grabbed the bull by the horns and threw your best CSS at our simple data table - take a look..
The Challenge
I asked you all to style this simple markup..
<table> <thead> <tr> <th>Name</th> <th>Age</th> <th>Weight (kg)</th> <th>Profession</th> </tr> </thead> <tbody> <tr> <td>Carolina Biggleswade</td> <td>23</td> <td>65</td> <td>Jockey</td> </tr> <tr> <td>Harry Sparrowhead</td> <td>34</td> <td>89</td> <td>Trainer</td> </tr> <tr> <td>Marjorie Doors</td> <td>32</td> <td>76</td> <td>Yard Manager</td> </tr> <tr> <td>Earnest Piggington-Smithe</td> <td>18</td> <td>98</td> <td>Groom</td> </tr> </tbody> </table>
..using whatever magic you could muster with CSS alone. Here are the results!
A Couple of Examples
You're welcome to continue submitting ideas for this, but there'll be another challenge coming soon. In the meantime, check out a few of the submissions which most caught my eye:
Personal Disclaimer
There's a chance I somehow missed your submission, messed up your name, copied the wrong url to your own site, ruined something I haven't even thought about - if that's the case, just shout at me in the comments and I'll see about setting things right.
Other than that, enjoy everyone's work and leave constructive advice, questions and thoughts in the comments below. Thanks to all who participated - here's to many more Webdesigntuts+ Community Projects!
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post