CODEWITHSUNDEEP
cssbordercss-tablesoverlap
MLM
MLM

Reputation: 3688

CSS - Non-overlapping / no-double borders with border-collapse: separate;

I need a way to add a non-overlapping / no-double borders in the table (this needs to be a general class using selectors etc):

http://jsfiddle.net/MadLittleMods/X3VMJ/

I need border-collapse: separate; because I use border radius on the title stuff (not in example).

td:first-child almost works but it adds extra borders in the "bottom info" td (see example)

Adding td:only-child along with td:not([colspan]):first-child is the best lead I have so far but that still messes up with the "bottom info" td since it only has one thing in it.

I currently am using td:not([colspan]):first-child which works great except for the rows with a single cell that are stretched across the whole table with colspan..

Upvotes: 1

Views: 4752

Answers (1)

eyelidlessness
eyelidlessness

Reputation: 63529

Why not put the top and left borders on the table element and leave those out for cells? Like: http://jsfiddle.net/X3VMJ/6/

Upvotes: 3

Related Questions