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: memberh...@webstandardsgroup.org > ******************************************************************* > ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************