Comments on: Style tables with CSS

By: Sharing Best Practices!

Sharing Best Practices! — Sat, 12 Apr 2008 06:06:32 +0000

I was looking for the gradient background stuff for custom WordPress theme, the client needs the theme colors to be changed anytime.

I am sure this is gonna help me a lot. Will give it a try.

Thanks for sharing..

By: Rob

Rob — Wed, 26 Mar 2008 15:20:34 +0000

I’m working on some table -based graphs at the moment and am styling them with CSS. Thanks for this article, it couldn’t have come at a better time.

By: unwiredbrain

unwiredbrain — Wed, 19 Mar 2008 02:06:32 +0000

OK. now the code section 2 (”Remove the space between the cells with CSS”) rightly states:
table { border-collapse: collapse; }

By: Emil Stenström

Emil Stenström — Tue, 18 Mar 2008 22:44:55 +0000

@unwiredbrain: Ehmm… I don’t see any missssspellings? Thanks again…

By: unwiredbrain

unwiredbrain — Tue, 18 Mar 2008 10:38:31 +0000

Really… I don’t want to be dull, but what I see is ‘border-collape’…

Or you’re missing a ’s’ or you want mokeys in your codes! :) :P

Have a nice day.
Peace & Love
–
uwb

By: Emil Stenström

Emil Stenström — Tue, 18 Mar 2008 06:09:28 +0000

@unwiredbrain: Thanks, but it should be correct now, I’ve double-checked.

By: unwiredbrain

unwiredbrain — Tue, 18 Mar 2008 00:58:08 +0000

Err… :-\ I was reading the pre-updated. But after the update it still looks buggy! :) :P

By: unwiredbrain

unwiredbrain — Tue, 18 Mar 2008 00:55:24 +0000

Watch out! It’s not ‘border-collapsing’, it’s ‘border-collapse’: http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse

By: Emil Stenström

Emil Stenström — Mon, 17 Mar 2008 07:45:28 +0000

@Nita: It sure is, thanks for correcting me :)

By: madr

madr — Fri, 14 Mar 2008 15:28:05 +0000

The trick with using COL has crossed my mind now and then for about two years now, but I never tried it - as you said, one does not use tables that much.

Nice to see that CSS does as one can expect it to. :)

Really good writeup anyways. I will definitely show this to my collegues - since they tend to classitis all tables.

By: Nita

Nita — Fri, 14 Mar 2008 14:22:33 +0000

Nice overview, thanks! But isn’t it “border-collapse”? :)

By: Emil Stenström

Emil Stenström — Fri, 14 Mar 2008 11:16:38 +0000

@Robert Nyman: I remember the case of the disappearing outer border. But there were many more variables to fuck things up there. If you get to that point, then sure, use your cellspacing attribute :)

By: Robert Nyman

Robert Nyman — Fri, 14 Mar 2008 10:51:32 +0000

Good write-up.

As we’ve seen in a mutual project, border-collapsing doesn’t work properly in Firefox, when the table has a 100% width and a border itself