Hi Hairymp ~
Unfortunately, there isn't *really* an equivalent of cellspacing in
CSS, although with a bit of work around you can add the following to
your table setup:
table {
border-collapse: collapse;
}
This fixed things up quite nicely. Border-collapse essentially causes
table cells to share borders -- if you have a configuration like this:
cell1 cell2
cell3 cell4
then cell1's right border is the same as cell2's left border, cell2's
bottom border is the same as cell4's top border, and so forth.
"border-collapse: collapse" doesn't allow you to adjust the amount of
border-spacing, but only eliminate it. If you want to be able to
adjust it, you would use:
table {
border-collapse: separate ;
border-spacing: 5px ;
}
Unfortunately, no existing version of IE/Win32 (up to and including
IE6) supports the "border-spacing" property.
More Resources
================
Here is a discussion of this problem from last month in Webmaster World, here:
- http://www.webmasterworld.com/forum83/3060.htm
(scroll down to the last post by SuzyUK)
Eric Meyer, known as a CSS guru, admits it's shaky at best in this
post on archivist.incutio.com, which can be found here:
- http://archivist.incutio.com/viewlist/css-discuss/14032
If you find the above still doesn't work in whatever browser you are
using, you may want to just go ahead and use the HTML cellspacing
attribute. Unfortunately, until all browsers decide they'll build to
the W3C standards, these types of simple anomalies will happen.
Search Terms ~
CSS equivalent cellspacing
Best of luck to you,
Serenata
Google Answers Researcher |