CSS cellspacing

[computerages]

Hello everyone!

I am using CSS to define the style of HTML table...but I can't figure out how could I write cellspacing="1" in CSS.

Here is the CSS code:

table table {border:1px solid #9ACC99; margin-left:10px; margin-right:10px; cell-spacing:1px; }
table table td { border:1px solid #9ACC99; padding:3px; font-family:verdana; background-color:#EEF9F3; }
table table th { padding:3px; background-color: #9ACC99; text-align:center; cursor:default; border:1px ridge #EEF9F3; font-family:verdana; }

Thanks!!

[pip]

Had a look at my references and quite honestly I don't think there is support for it. Rather bizarre is you ask me!

[7stud]

Hi,

I think everything in css is based on the box model, including <td>'s which have in order:content, padding, borders, and margins. Adjustments are made to one of those properties--figuring out which ones is the trick. See the thread "getting a border around borderless tables" where issues like yours are being discussed:

http://www.sitepoint.com/forums/showthread.php?t=204765

[Buddy Bradley]

Styling tables and cells: http://academ.hvcc.edu/~kantopet/css...rent=css+boxes

[7stud]

Great link. I just saw it in the other thread, and came here to point it out. Thanks.

[vgarcia]

Hello everyone!

I am using CSS to define the style of HTML table...but I can't figure out how could I write cellspacing="1" in CSS.

I'm pretty sure that "cellspacing=1" is the default status for a table in nearly every browser out there.