Gaps in between cells tables, but only horizontally.

NutritioN · 3 Jan 2008 at 10:42

I'm trying to build an HTML/CSS table that has some data columns selected (with a 2px border.) Ideally I'd like there to be a gap between the borders when they occur right next to each other.

"cellspacing" does what I want but to the tops aswell so the vertical borders get split. Margins don't seem to be having an effect to the distance between cells (I take it that's correct?)

Any suggestions?

Cheers.

unwashed potato! · 3 Jan 2008 at 11:26

it's been a while but what about trying border-spacing. if not have a look on w3schools at the css table bit and there should be the info your after

NutritioN · 3 Jan 2008 at 12:30

That's the job. Thanks. Have a mince pie.

NutritioN · 4 Jan 2008 at 14:49

Hmm, this border-spacing doesn't work in IE7. How come?

Gap shows up in Firefox though, but that's not good enough. Any other way of pushing cells apart and retaining borders?