Hi David,
Just got a chance to revisit this issue.
I want the border radius for table. While setting up an example page I realized
why I thought border radius isn't possible was due to the background colors I
had for the table and td cell, with the combination of border radius for table.
Border collapsing is handy and clean when I want to have consistent borders
width in th and td cells (#1a) without having to declare border
(left/right/top/bottom) individually , and I'd been using this for years.
I needed to do something like #6 (still not perfect due to the space in th
cell) without the hassle of #6 codes, but it's not possible with simple code
like this:
table {border-radius: 15px; border-collaspe: collapse}
table, th, td {border:1px solid #369; }
http://www.lotusseedsdesign.com/css-test/table/table.html
tee
On Sep 15, 2010, at 5:59 PM, David Hucklesby wrote:
> On 9/15/10 10:42 AM, tee wrote:
>> When border-collapse is declared, it can't do border-radius.
>>
>> I have this: table {border-collapse:collapse}
>>
>> Because the site has many table layouts, it's easier to declare
>> border-collapse in the table, but in one specific table in a given
>> page I want to use border-radius, however I can't overwrite the
>> border-collapse:collapse. Another two options are "separate" and
>> "inherit".
>>
>> ?
>
> I'm unclear as to whether you want the table border rounded, or the
> table cells? I'm going to assume you mean the individual cells, since
> you mention border-collapse--which applies to the cells.
>
> Yes, to apply rounded corners to the cells, you will need to use these
> CSS properties:
>
> border-collapse: separate;
> border-spacing: length [ length ];
>
> Now you can apply border-radius to the cells (I have done it...)
>
> Getting the layout to match in IE 5-7 may be problematic, as the
> border-spacing property is ignored. The only option here is to use the
> cellspacing attribute of the <table> itself. Not a good option either,
> as you can only set a single value, rather than the "x" and "y" values
> that are optional in CSS border-spacing.
>
> Aside: the border-collapse does not affect the border on the table. But
> you already knew that...
>
> Cordially,
> David
> --
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [email protected]
> *******************************************************************
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
