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] *******************************************************************
