- From: Gérard Talbot <www-style@gtalbot.org>
- Date: Sat, 8 Jan 2011 21:18:16 -0800
- To: "W3C style mailing list" <www-style@w3.org>
- Cc: "Public CSS test suite mailing list" <public-css-testsuite@w3.org>, "Arron Eicholz" <Arron.Eicholz@microsoft.com>
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:20:02 UTC