css - Prevent Duplicate Borders on Nested Table (border-collapse not working) -
I am doing a net search about the collapse and it seems that it actually breaks the boundary on the nested table I have written a sample HTML and it is ignoring the collapse of the boundary.
I got a related question here but it seems that this is not being solved.
& lt; Html & gt; & Lt; Top & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; P & gt; Dsafhidsljfalkdsjfklsdajfkjsdakl jdsfjasdklfasdkljfkl & lt; / P & gt; & Lt; Table style = "border: solid 1px # 000000; boundary-fall: collapse;" Cellpadding = "0" cellspacing = "0" & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Table style = "border: solid 1px # 000000; boundary-fall: collapse;" Cellpadding = "0" cellspacing = "0" & gt; & Lt; TR & gt; & Lt; TD & gt; A & lt; / Td> & Lt; TD & gt; & Lt; Input type = "text" / & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; B & lt; / Td> & Lt; TD & gt; & Lt; Input type = "text" / & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Body & gt; & Lt; / Html & gt;
Complementary information (based on comments of SOMMORE and MU): I have already used the "boundary: none" in the internal table to solve this problem. But on some designs, this is not the only nested table for complex web pages, to design the GUI requires 3 to 4 nested table levels and inside all those nested tables, do not use all the cell limits. Just used a simple example for the problem.
Is there any other solution that is to dissolve the elephant in the adjacent boundaries?
Border-collapse works on TD and tr elements within a table.
And as Somkor said ... why the border is not being closed on another table? (Or why not use real markup?)
Comments
Post a Comment