[CSS21] WD 07 Dec. 2010: code and 2 diagrams in section 17.6.2.1

Hello all,

Section 17.6.2.1 Border conflict resolution
http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution

There are 2 diagrams with 2 code chunks in that section. The colors are
wrong (faded, not reliable) and the code could be also a bit more precise.

First diagram ( http://www.w3.org/TR/CSS21/images/tbl-border-conflict.png )
=============

Actual code
-----------

table          { border-collapse: collapse;
                 border: 5px solid yellow; }
*#col1         { border: 3px solid black; }
td             { border: 1px solid red; padding: 1em; }
td.cell5       { border: 5px dashed blue; }
td.cell6       { border: 5px solid green; }


Proposed replacement
--------------------

table          { border-collapse: collapse;
                 border: 5px solid yellow;
                 font-variant: italic; }
*#col1         { border: 3px solid black; }
td             { border: 1px solid red; padding: 1em; }
td.cell5       { border: 5px dashed #9370D8; /* mediumpurple */}
td.cell6       { border: 5px solid lime; }


Another idea would be to recreate the diagram
http://www.w3.org/TR/CSS21/images/tbl-border-conflict.png
so that it would match the actual code.

There is a definite need to either update the code or the diagram.

This testcase
http://test.csswg.org/suites/css2.1/20101210/html4/border-conflict-example-001.htm
even says:
"the bottom image might appear slightly faded."


Second diagram ( http://www.w3.org/TR/CSS21/images/CSStbl3.png )
==============

Actual code
-----------
<TABLE style="border-collapse: collapse; border: solid;">
<TR><TD style="border-right: hidden; border-bottom: hidden">foo</TD>
    <TD style="border: solid">bar</TD></TR>
<TR><TD style="border: none">foo</TD>
    <TD style="border: solid">bar</TD></TR>
</TABLE>


Proposed replacement
--------------------
<TABLE style="border-collapse: collapse; border: gray solid;
background-color: silver;">
<TR><TD style="border-right: hidden; border-bottom: hidden">foo</TD>
    <TD style="border: solid">bar</TD></TR>
<TR><TD style="border: none">foo</TD>
    <TD style="border: solid">bar</TD></TR>
</TABLE>

Another idea would be to recreate the diagram to avoid the grayist silver
background-color so that it would match the actual code.

There is a definite need to either update the code or the diagram.

This testcase
http://test.csswg.org/suites/css2.1/20101210/html4/border-conflict-example-002.htm
even says:
"border and cell shading may vary between the two tables."

regards, Gérard
-- 
CSS 2.1 Test suite RC4 (December 10th 2010)
http://test.csswg.org/suites/css2.1/20101210/html4/toc.html

Contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

Web authors' contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html

Received on Sunday, 9 January 2011 05:18:52 UTC