Comments on: How to easily enhance your existing tables with simple CSS http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/ ASP.NET and AJAX code, ideas, and examples. Wed, 10 Mar 2010 23:47:18 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: raimundo vazquez http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-34131 raimundo vazquez Tue, 17 Feb 2009 22:39:30 +0000 http://encosia.com/?p=170#comment-34131 Great article. I think it is a good idea to add a little bit more padding at the bottom than the top to guide the eye. In your example: table tbody td { 4px 4px 6px; } It will bring more "air" or whitespace to the table. I would like to see how do you create "zebra" tables using alternate colours. Great article. I think it is a good idea to add a little bit more padding at the bottom than the top to guide the eye.
In your example:
table tbody td {
4px 4px 6px;
}
It will bring more “air” or whitespace to the table.

I would like to see how do you create “zebra” tables using alternate colours.

]]> By: Recent Links Tagged With "gradient" - JabberTags http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-32997 Recent Links Tagged With "gradient" - JabberTags Sat, 01 Nov 2008 11:34:15 +0000 http://encosia.com/?p=170#comment-32997 [...] public links >> gradient How to easily enhance your existing tables with simple CSS Saved by hwy61r on Fri 31-10-2008 Simple Flash Blog » Flash 8 gradient mask using [...] [...] public links >> gradient How to easily enhance your existing tables with simple CSS Saved by hwy61r on Fri 31-10-2008 Simple Flash Blog » Flash 8 gradient mask using [...]

]]> By: Dave Ward http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31953 Dave Ward Tue, 19 Aug 2008 21:15:28 +0000 http://encosia.com/?p=170#comment-31953 Good call. That's definitely a better way to do it. Thanks for the suggestion. Firefox does have the doubled borders. They're just hard to see at 100% zoom when it's gray beside black. Good call. That’s definitely a better way to do it. Thanks for the suggestion.

Firefox does have the doubled borders. They’re just hard to see at 100% zoom when it’s gray beside black.

]]> By: Ben Amada http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31942 Ben Amada Tue, 19 Aug 2008 03:33:43 +0000 http://encosia.com/?p=170#comment-31942 Hi. You can avoid the pseudo selections by just collapsing the borders on the table: table { border-collapse: collapse; } In Firefox, however, even without the border collapsing and pseudo selectors, interestingly I don't see overlapping border lines. Hi. You can avoid the pseudo selections by just collapsing the borders on the table:

table { border-collapse: collapse; }

In Firefox, however, even without the border collapsing and pseudo selectors, interestingly I don’t see overlapping border lines.

]]> By: Robbie Huttenhower http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31904 Robbie Huttenhower Fri, 15 Aug 2008 12:36:01 +0000 http://encosia.com/?p=170#comment-31904 Wow. Nice article. Lots of learning with CSS. Thanks for getting us started. Wow. Nice article. Lots of learning with CSS. Thanks for getting us started.

]]> By: Marcus Derencius http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31883 Marcus Derencius Wed, 13 Aug 2008 17:10:42 +0000 http://encosia.com/?p=170#comment-31883 Usually, I got to http://icant.co.uk/csstablegallery/ and pick a table style that fits the layout of the application. Usually, I got to http://icant.co.uk/csstablegallery/ and pick a table style that fits the layout of the application.

]]> By: Dave Ward http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31882 Dave Ward Wed, 13 Aug 2008 15:30:02 +0000 http://encosia.com/?p=170#comment-31882 You can definitely do it without the image if you want. If you remove the image from the above, it will be usable without any modification. You can definitely do it without the image if you want. If you remove the image from the above, it will be usable without any modification.

]]> By: Justin Etheredge http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31879 Justin Etheredge Wed, 13 Aug 2008 14:06:38 +0000 http://encosia.com/?p=170#comment-31879 Lame as usual man....just kidding! Nice article for the masses that have been untouched by the glories (and pains) of css. Lame as usual man….just kidding! Nice article for the masses that have been untouched by the glories (and pains) of css.

]]> By: Scott http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31878 Scott Wed, 13 Aug 2008 14:00:16 +0000 http://encosia.com/?p=170#comment-31878 Too bad your using images. It would have been nice if your able to do it without any images at all. Too bad your using images. It would have been nice if your able to do it without any images at all.

]]> By: Dew Drop - August 13, 2008 | Alvin Ashcraft's Morning Dew http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31877 Dew Drop - August 13, 2008 | Alvin Ashcraft's Morning Dew Wed, 13 Aug 2008 13:32:16 +0000 http://encosia.com/?p=170#comment-31877 [...] How to Easily Enhance Your Existing Tables with Simple CSS (Dave Ward) [...] [...] How to Easily Enhance Your Existing Tables with Simple CSS (Dave Ward) [...]

]]> By: How to Easily Enhance Your Existing Tables with Simple CSS | WhiteSandsDigital.com http://encosia.com/2008/08/13/how-to-easily-enhance-your-existing-tables-with-simple-css/#comment-31876 How to Easily Enhance Your Existing Tables with Simple CSS | WhiteSandsDigital.com Wed, 13 Aug 2008 13:11:22 +0000 http://encosia.com/?p=170#comment-31876 [...] fancy tables from text only ones with CSS, easily.read more | digg [...] [...] fancy tables from text only ones with CSS, easily.read more | digg [...]

]]>