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

Popular posts from this blog

MySql variables and php -

url rewriting - How to implement the returnurl like SO in PHP? -

Which Python client library should I use for CouchdB? -