Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-02-04 13:07:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

layout regression tests for table background not part of any build

Browse Source
This commit is contained in:
bmlk%gmx.de 2004-03-23 19:16:24 +00:00
parent 3ceaebd710
commit ae2b4deb7d
33 changed files with 3194 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
layout/html/tests/table/images/edge.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
layout/html/tests/table/images/rainbowh.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
layout/html/tests/table/images/rainbowhb.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
layout/html/tests/table/images/rainbowv.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
layout/html/tests/table/images/rainbowvb.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
layout/html/tests/table/images/valid-html401.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

127
layout/html/tests/table/marvin/backgr_border-table-cell.html Normal file
View File

@ -0,0 +1,127 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<title>Background on 'table-cell'</title>
<link rel="next" href="backgr_layers-opacity.html" title="Background Layers: opacity">
<link rel="prev" href="backgr_border-table-column.html" title="Background with Borders: Background on 'table-column'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table {border: 5px dotted}
.e {background: black url(../images/edge.gif) top left no-repeat}
.m {background: black url(../images/edge.gif) bottom right no-repeat}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part D: Background with Borders</h2>
<h3>Background on 'table-cell'</h3>
<p>Two cells are styled.</p>
<p>There should be three aqua stripes just inside the top and left padding edges of cell E.</p>
<p>There should be three aqua stripes just inside the bottom and right padding edges of Cell M</a>
<dl>
<dt>next
<dd><a href="backgr_layers-opacity.html">Special Tests: Opacity</a>
<dt>previous
<dd><a href="backgr_border-table-column.html">Background with Borders: Background on 'table-column'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

129
layout/html/tests/table/marvin/backgr_border-table-column-group.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-column-group'</title>
<link rel="next" href="backgr_border-table-row.html" title="Background with Borders: Background on 'table-row'">
<link rel="prev" href="backgr_border-table-row-group.html" title="Background with Borders: Background on 'table-row-group'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table { border: 3px dotted}
.colgroup-A {background: black url(../images/edge.gif) bottom right no-repeat; border: 5px dashed}
.g, .m { border: 5px dashed}
.col-3 { border: 9px dashed}
.colgroup-B {background: black url(../images/edge.gif) top left no-repeat}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part D: Background with Borders</h2>
<h3>Background on 'table-column-group'</h3>
<p>Three aqua stripes should run along the bottom of the last cell in the first three columns and up along the right edge of the cells in the third column. The stripes should align to be just inside the padding edge in cells M and G.</p>
<p>Three aqua stripes should also run just inside the top padding edge of the first cell in the last column and down the left border edge of each cell in that column.</p>
<dl>
<dt>next
<dd><a href="backgr_border-table-row.html">Background with Borders: Background on 'table-row'</a>
<dt>previous
<dd><a href="backgr_border-table-row-group.html">Background with Borders: Background on 'table-row-group'</a>
<dt>contents
<dd><a href="./">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=3>TD M</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

133
layout/html/tests/table/marvin/backgr_border-table-column.html Normal file
View File

@ -0,0 +1,133 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-column'</title>
<link rel="next" href="backgr_border-table-cell.html" title="Background with Borders: Background on 'table-cell'">
<link rel="prev" href="backgr_border-table-row.html" title="Background with Borders: Background on 'table-row'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table { border: 3px dotted}
.col-1 {background: black url(../images/edge.gif) bottom right no-repeat; border: 5px dashed}
.a, .m { border: 5px dashed}
.col-2 {background: black url(../images/edge.gif) bottom right no-repeat; border: 9px dashed}
.f { border: 9px dashed}
.col-3 {background: black url(../images/edge.gif) top left no-repeat; border: 5px dashed}
.g { border: 5px dashed}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part D: Background with Borders</h2>
<h3>Background on 'table-column'</h3>
<p>Three columns are styled.</p>
<p>In the first column, there should be three vertical stripes along the padding edge of the first cell, continuing down through the column. (In cell E, the aqua stripe will be obscured by the thicker right border.) The stripes will cut across cell E as well, but will be further obscured by its thick border. In the border-collapsed table, the same will happen to the vertical stripes in cell A due to cell B's thick border. The stripes should continue in the last cell, turning a right angle to the left into three aqua stripes along the bottom border edge of the last cell. The last cell (M) should not have three vertical stripes along its right edge.</p>
<p>In the second column, three vertical strips should run along the right of the first three cells, aligning along cell F's right padding edge. (The stripes will be partially obscured by cell B's thick border.)</p>
<p>In the third column, there should be three vertical stripes should run across the top of the first cell and down the left of the column, aligning along cell K's left padding edge. In border-collapse mode, they will be partially obscured by cell B's thick border.</p>
<dl>
<dt>next
<dd><a href="backgr_border-table-cell.html">Background with Borders: Background on 'table-cell'</a>
<dt>previous
<dd><a href="backgr_border-table-row.html">Background with Borders: Background on 'table-row'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

123
layout/html/tests/table/marvin/backgr_border-table-quirks.html Normal file
View File

@ -0,0 +1,123 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table'</title>
<link rel="next" href="border-table-row-group.html" title="Background with Borders: Background on 'table-row-group'">
<link rel="prev" href="layers-opacity.html" title="Background with Borders: Background on 'table-cell'">
<link rel="contents" href="./" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table {background: black url(edge.gif) top left no-repeat; border: 5px dotted;}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part D: Background with Borders</h2>
<h3>Background on 'table'</h3>
<p>There should be three aqua stripes just inside the bottom and right table borders.</p>
<dl>
<dt>next
<dd><a href="border-table-row-group.html">Background with Borders: Background on 'table-row-group'</a>
<dt>previous
<dd><a href="layers-opacity.html">Background with Borders: Background on 'table-cell'</a>
<dt>contents
<dd><a href="./">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr id="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
<tfoot>
<tr id="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr id="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr id="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

130
layout/html/tests/table/marvin/backgr_border-table-row-group.html Normal file
View File

@ -0,0 +1,130 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-row-group'</title>
<link rel="next" href="backgr_border-table-column-group.html" title="Background with Borders: Background on 'table-column-group'">
<link rel="prev" href="backgr_border-table.html" title="Background with Borders: Background on 'table'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table { border: 3px dotted}
thead {background: black url(../images/edge.gif) top right no-repeat; border: 5px dashed}
.d { border: 5px dashed}
tbody {background: black url(../images/edge.gif) bottom left no-repeat; border: 5px dashed}
.k { border: 5px dashed}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part D: Background with Borders</h2>
<h3>Background on 'table-row-group'</h3>
<p>There should be three aqua stripes along the top of cells A, B, C, and D in the first row and three stripes along the right edge of D, the last cell in that row. The stripes should align to be just inside the padding edge of cell D.</p>
<p>There should be three aqua stripes along the bottom of cells J, K, and L. The stripes continue across the bottom of cell E, but are partially obscured by the border. The stripes turn up at cell E's bottom left corner to run under its border a few pixels to the right of its left border edge. The stripes will align to be just above cell K's bottom padding edge.</p>
<dl>
<dt>next
<dd><a href="backgr_border-table-column-group.html">Background with Borders: Background on 'table-column-group'</a>
<dt>previous
<dd><a href="backgr_border-table.html">Background with Borders: Background on 'table'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

132
layout/html/tests/table/marvin/backgr_border-table-row.html Normal file
View File

@ -0,0 +1,132 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-row'</title>
<link rel="next" href="backgr_border-table-column.html" title="Background with Borders: Background on 'table-column'">
<link rel="prev" href="backgr_border-table-column-group.html" title="Background with Borders: Background on 'table-column-group'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table { border: 3px dotted}
.th-row-1 {background: black url(../images/edge.gif) bottom right no-repeat; border: 5px dashed}
.d { border: 5px dashed}
.tb-row-1 {background: black url(../images/edge.gif) bottom left no-repeat; border: 9px dashed}
.g { border: 9px dashed}
.tb-row-2 {background: black url(../images/edge.gif) top left no-repeat; border: 5px dashed}
.k { border: 5px dashed}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part D: Background with Borders</h2>
<h3>Background on 'table-row'</h3>
<p>Three rows are styled.</p>
<p>The first row should have three aqua stripes just inside the bottom and right padding edges of its last cell. The bottom three stripes should continue across the row, appearing along the bottom of cells A, B, and C. (The bottom aqua stripe will be obscured by the thicker bottom border in cell B.)</p>
<p>The second row should have three vertical aqua stripes a few pixels to the right of the left padding edge. Three horizontal aqua stripes should cut across the first cell and align along the bottom border edge of cell G.</p>
<p>The third row should have three horizontal aqua stripes along the top of the last three cells, aligning along cell K's top padding edge. The stripes will not continue into cell E.</p>
<dl>
<dt>next
<dd><a href="backgr_border-table-column.html">Background with Borders: Background on 'table-column'</a>
<dt>previous
<dd><a href="backgr_border-table-column-group.html">Background with Borders: Background on 'table-column-group'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

123
layout/html/tests/table/marvin/backgr_border-table.html Normal file
View File

@ -0,0 +1,123 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<title>Background on 'table'</title>
<link rel="next" href="backgr_border-table-row-group.html" title="Background with Borders: Background on 'table-row-group'">
<link rel="prev" href="backgr_layers-opacity.html" title="Background with Borders: Background on 'table-cell'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table {background: black url(../images/edge.gif) top left no-repeat; border: 5px dotted;}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part D: Background with Borders</h2>
<h3>Background on 'table'</h3>
<p>There should be three aqua stripes just inside the bottom and right table borders.</p>
<dl>
<dt>next
<dd><a href="backgr_border-table-row-group.html">Background with Borders: Background on 'table-row-group'</a>
<dt>previous
<dd><a href="backgr_layers-opacity.html">Background with Borders: Background on 'table-cell'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr id="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
<tfoot>
<tr id="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr id="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr id="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

154
layout/html/tests/table/marvin/backgr_fixed-bg.html Normal file
View File

@ -0,0 +1,154 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>layers: opacity</title>
<link rel="prev" href="backgr_layers-opacity.html" title="Special Tests: opacity">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table{background: white; color: black;}
caption {color: white;}
.tb-row-1, thead, .l {background: url(../images/edge.gif) fixed;}
.a, .p {background: url(../images/rainbowv.gif) fixed; }
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part E: Special Tests</h2>
<h3>Fixed Backgrounds</h3>
<ul>
<li>If you scroll the table over the top left corner of the viewport, the first, second, and fourth rows as well as cell L should reveal a purple and aqua band forming a 90-degree angle in the top left corner.
<li>Cells A and P should have a rainbow background that seems attached to the viewport.
</ul>
<dl>
<dt>previous
<dd><a href="backgr_layers-opacity.html">Special Tests: opacity</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
<pre>
................................................................................................................................................................................................
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
</pre>
</body>
</html>

77
layout/html/tests/table/marvin/backgr_index.html Normal file
View File

@ -0,0 +1,77 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>CSS2 Table Backgrounds Test Suite</title>
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
strong {text-decoration: underline}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Notes</h2>
<p>This test suite is not endorsed or approved by the W3C or anyone besides fantasai. It tests conformance to fantasai's <a href="../">table background clarification proposal</a>, not the official CSS2 specification. The intent is to demonstrate the proposal's effects under various styling conditions and to clarify any ambiguity in the proposal in preparation for a better-worded errata suggestion. It's not particularly well-designed, but it is comprehensive.</p>
<p>This test suite (this page and all pages linked from the table of contents below) and its background images (listed below) are in the public domain by assertion of their author. No rights reserved.</p>
<p>The images used as backgrounds are the following:
<ul>
<li><img alt="rainbowh.gif" src="../images/rainbowh.gif">
<li><img alt="rainbowv.gif" src="../images/rainbowv.gif">
<li><img alt="edge.gif" src="../images/edge.gif">
</ul>
<p>They are in GIF format, with transparency.</p>
<p>Each color band in the rainbow backgrounds is 20 pixels wide. Each stripe within the color band is two pixels wide.</p>
<p>The aqua and purple band is 10 pixels wide. Each stripe within the band is two pixels wide.</p>
<p>Many image background rules in this test suite are backed up with a 'black' background color.</p>
<p>This test suite assumes that <strong>the border edge for a table element in a table with collapsed borders is the <em>middle</em> of the border around the element, not the outer or inner edge.</strong> (This also needs to be addressed by CSS2.1.) It also assumes support for proper ordering of tables with <code class="sgmltag">&lt;tfoot&gt;</code>.</p>
<h2>Table of Contents</h2>
<ol style="list-style-type: upper-latin">
<li>Background Area
<ol>
<li><a href="backgr_simple-table.html">Background on 'table'</a>
<li><a href="backgr_simple-table-row-group.html">Background on 'table-row-group'</a>
<li><a href="backgr_simple-table-column-group.html">Background on 'table-column-group'</a>
<li><a href="backgr_simple-table-row.html">Background on 'table-row'</a>
<li><a href="backgr_simple-table-column.html">Background on 'table-column'</a>
<li><a href="backgr_simple-table-cell.html">Background on 'table-cell'</a>
</ol>
<li>Background Position
<ol>
<li><a href="backgr_position-table.html">Background on 'table'</a>
<li><a href="backgr_position-table-row-group.html">Background on 'table-row-group'</a>
<li><a href="backgr_position-table-column-group.html">Background on 'table-column-group'</a>
<li><a href="backgr_position-table-row.html">Background on 'table-row'</a>
<li><a href="backgr_position-table-column.html">Background on 'table-column'</a>
<li><a href="backgr_position-table-cell.html">Background on 'table-cell'</a>
</ol>
<li>Background Layers
<ol>
<li><a href="backgr_layers-show.html">empty-cells: show</a>
<li><a href="backgr_layers-hide.html">empty-cells: hide</a>
</ol>
<li>Background with Borders
<ol>
<li><a href="backgr_border-table.html">Background on 'table'</a>
<li><a href="backgr_border-table-row-group.html">Background on 'table-row-group'</a>
<li><a href="backgr_border-table-column-group.html">Background on 'table-column-group'</a>
<li><a href="backgr_border-table-row.html">Background on 'table-row'</a>
<li><a href="backgr_border-table-column.html">Background on 'table-column'</a>
<li><a href="backgr_border-table-cell.html">Background on 'table-cell'</a>
<li>Special Tests
<ol>
<li><a href="backgr_layers-opacity.html">Opacity</a>
<li><a href="backgr_fixed-bg.html">Fixed Backgrounds</a>
</ol>
</ol>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

129
layout/html/tests/table/marvin/backgr_layers-hide.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>empty-cells: hide</title>
<link rel="next" href="backgr_border-table.html" title="Background with Borders: Background on 'table'">
<link rel="prev" href="backgr_layers-show.html" title="Background Layers: empty-cell: show">
<link rel="contents" href="./backgr_indxe.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table {background: blue; empty-cells: hide}
tbody, thead {background: url(../images/edge.gif) right top no-repeat}
tr {background: url(../iamges/edge.gif) 0 10px no-repeat}
.colgroup-A {background: url(../images/edge.gif) 100% 20px no-repeat}
.col-3 {background: url(../images/edge.gif) 0 30px no-repeat}
.c {background: url(../images/edge.gif) -20px 100% no-repeat; min-height: 50px}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part C: Background Layers</h2>
<h3>empty-cells: hide</h3>
<p>Both tables should look identical to the ones in <a href="backgr_layers-show.html">empty-cells: show</a> except that there should be a blue blank where table cell C should be.
<dl>
<dt>next
<dd><a href="backgr_border-table.html">Background with Borders: Background on 'table'</a>
<dt>previous
<dd><a href="backgr_layers-show.html">Background Layers: empty-cells: show</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

130
layout/html/tests/table/marvin/backgr_layers-opacity.html Normal file
View File

@ -0,0 +1,130 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>layers: opacity</title>
<link rel="next" href="backgr_fixed-bg.html" title="Special Tests: Fixed Backgrounds">
<link rel="prev" href="backgr_border-table-cell.html" title="Special Tests: Fixed Backgrounds">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table{background: white; color: black;}
caption {color: white;}
tr {background: red; -moz-opacity: 0.5; opacity: 0.5; }
tfoot {background: yellow; -moz-opacity: 0.5; opacity: 0.5; }
.a, .p {background: blue; -moz-opacity: 0.5; opacity: 0.5; }
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part E: Special Tests</h2>
<h3>opacity: 0.5</h3>
<ul>
<li>The first three rows should be red.
<li>The last row should be orange.
<li>Cell A should be purple. Cell P should also be purple, but of a shade that reflects the underlying orange rather than the red.
</ul>
<dl>
<dt>next
<dd><a href="backgr_fixed-bg.html">Special Tests: Fixed Backgrounds</a>
<dt>previous
<dd><a href="backgr_border-table-cell.html">Background with Borders: Background on 'table-cell'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

154
layout/html/tests/table/marvin/backgr_layers-show.html Normal file
View File

@ -0,0 +1,154 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>empty-cells: show</title>
<link rel="next" href="backgr_layers-hide.html" title="Background Layers: empty-cell: hide">
<link rel="prev" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table {background: blue; empty-cells: show}
tbody, thead {background: url(../images/edge.gif) right top no-repeat}
tr {background: url(../images/edge.gif) 0 10px no-repeat}
.colgroup-A {background: url(../images/edge.gif) 100% 20px no-repeat}
.col-3 {background: url(../images/edge.gif) 0 30px no-repeat}
.c {background: url(../images/edge.gif) -20px 100% no-repeat; min-height: 50px}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part C: Background Layers</h2>
<h3>empty-cells: show</h3>
<p>Both tables should have a blue background.</p>
<p>In table cell C (third cell in the first row), which is empty:</p>
<ul>
<li>Four sets of horizontal double violet stripes surrounded by aqua should run just inside the top border edge.
<li>One set of aqua-backed double violet stripes should run just inside the left, right, and bottom border edges.
<li>The third set along the top should turn down at the right edge and go under the fourth set to form the right-edge set.
<li>The fourth set should turn down at the left edge to form the left set.
<li>The bottom stripe should be straight and cut across <em>over</em> the side sets.
</ul>
<p>In table cell A, (first cell in the first row):</p>
<ul>
<li>Three sets of horizontal aqua-backed double violet stripes should run just inside the top border edge.
<li>The first set should run across.
<li>The second set should turn down at the left edge, going over the third set to form another set that runs just inside the left border edge.
</ul>
<p>In table cell D, (last cell in the first row):</p>
<ul>
<li>Two sets of horizontal aqua-backed double violet strips should run just inside the top border edge.
<li>The first set should turn down at the right edge, going under the second horizontal set to run vertically just inside the right border edge.
</ul>
<p>In table cell G, (third cell in the second row):</p>
<ul>
<li>Two sets of horizontal aqua-backed double violet stripes should run just inside the top border edge.
<li>A set of vertical stripes should run down just inside the left border edge, going under both horizontal stripes.
<li>Another set of vertical stripes should run down just inside the right border edge, also going under both horizontal stripes.
</ul>
<dl>
<dt>next
<dd><a href="backgr_layers-hide.html">Background Layers: empty-cells: show</a>
<dt>previous
<dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c"></th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

127
layout/html/tests/table/marvin/backgr_position-table-cell.html Normal file
View File

@ -0,0 +1,127 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-cell'</title>
<link rel="next" href="backgr_layers-show.html" title="Background Layers: empty-cells: show">
<link rel="prev" href="backgr_position-table-column.html" title="Background Position: Background on 'table-column'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
.e {background: black url(../images/edge.gif) top left no-repeat}
.m {background: black url(../images/edge.gif) bottom right no-repeat}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part B: Background Position</h2>
<h3>Background on 'table-cell'</h3>
<p>Two cells are styled.</p>
<p>There should be three aqua stripes just inside the top and left padding edges of cell E.</p>
<p>There should be three aqua stripes just inside the bottom and right padding edges of Cell M</a>
<dl>
<dt>next
<dd><a href="backgr_layers-show.html">Background Layers: empty-cells: show</a>
<dt>previous
<dd><a href="backgr_position-table-column.html">Background Position: Background on 'table-column'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

126
layout/html/tests/table/marvin/backgr_position-table-column-group.html Normal file
View File

@ -0,0 +1,126 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-column-group'</title>
<link rel="next" href="backgr_position-table-row.html" title="Background Position: Background on 'table-row'">
<link rel="prev" href="backgr_position-table-row-group.html" title="Background Position: Background on 'table-row-group'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
.colgroup-A {background: black url(../images/edge.gif) bottom right no-repeat}
.colgroup-B {background: black url(../images/edge.gif) top left no-repeat}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part B: Background Position</h2>
<h3>Background on 'table-column-group'</h3>
<p>Three aqua stripes should run just inside the bottom border edge of the last cell in the first three columns and up the right border edge of the cells in the third column.</p>
<p>Three aqua stripes should also run just inside the top border edge of the first cell in the last column and down the left border edge of each cell in that column.</p>
<dl>
<dt>next
<dd><a href="backgr_position-table-row.html">Background Position: Background on 'table-row'</a>
<dt>previous
<dd><a href="backgr_position-table-row-group.html">Background Position: Background on 'table-row-group'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=3>TD M</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

129
layout/html/tests/table/marvin/backgr_position-table-column.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-column'</title>
<link rel="next" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
<link rel="prev" href="backgr_position-table-row.html" title="Background Position: Background on 'table-row'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
.col-1 {background: black url(../images/edge.gif) bottom right no-repeat}
.col-2 {background: black url(../images/edge.gif) bottom right no-repeat}
.col-3 {background: black url(../images/edge.gif) top left}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part B: Background Position</h2>
<h3>Background on 'table-column'</h3>
<p>Three columns are styled.</p>
<p>In the first column, there should be three vertical stripes just inside the right border edge of the first three cells. The stripes should continue in the last cell, turning a right angle to the left into three aqua stripes along the bottom border edge of the last cell. The last cell should not have three vertical stripes along its right border edge.</p>
<p>In the second column, there should be three vertical stripes just inside the right border edge of the first three cells.</p>
<p>In the third column, there should be three vertical stripes just inside the top border edge of the first cell and just inside the left edge of all four cells.</p>
<dl>
<dt>next
<dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
<dt>previous
<dd><a href="backgr_position-table-row.html">Background Position: Background on 'table-row'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

128
layout/html/tests/table/marvin/backgr_position-table-row-group.html Normal file
View File

@ -0,0 +1,128 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-row-group'</title>
<link rel="next" href="backgr_position-table-column-group.html" title="Background Position: Background on 'table-row-group'">
<link rel="prev" href="backgr_position-table.html" title="Background Position: Background on 'table'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
thead {background: black url(../images/edge.gif) top right no-repeat}
tbody {background: black url(../images/edge.gif) bottom left no-repeat}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part B: Background Position</h2>
<h3>Background on 'table-row-group'</h3>
<p>There should be three aqua stripes along the top border edge of each cell in the first row and three stripes along the right border edge of the last cell in that row.</p>
<p>There should be three aqua stripes along the bottom border edge of cells E, J, K, and L. There should also be
three vertical aqua stripes along the left edge of cell E.</p>
<dl>
<dt>next
<dd><a href="backgr_position-table-column-group.html">Background Position: Background on 'table-column-group'</a>
<dt>previous
<dd><a href="backgr_position-table.html">Background Position: Background on 'table'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

135
layout/html/tests/table/marvin/backgr_position-table-row.html Normal file
View File

@ -0,0 +1,135 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-row'</title>
<link rel="next" href="backgr_position-table-column.html" title="Background Position: Background on 'table-column'">
<link rel="prev" href="backgr_position-table-column-group.html" title="Background Position: Background on 'table-column-group'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
.th-row-1 {background: black url(../images/edge.gif) bottom right no-repeat;}
.tb-row-1 {background: black url(../images/edge.gif) bottom left no-repeat;}
.tb-row-2 {background: black url(../images/edge.gif) top left no-repeat;}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part B: Background Position</h2>
<h3>Background on 'table-row'</h3>
<p>Three rows are styled.</p>
<p>The first row should have three aqua stripes just inside the
bottom and right border edges of its last cell. The bottom three
stripes should continue across the row, appearing along the border
edge of each cell.</p>
<p>The second row should have three vertical aqua stripes just
inside the left border edge of the top half of the first cell (Cell
E.) Three horizontal aqua stripes should cut across that cell and
align along the bottom border edge of the last three cells.</p>
<p>The third row should have three horizontal aqua stripes along the
top border edge of the last three cells in the row.</p>
<dl>
<dt>next
<dd><a href="backgr_position-table-column.html">Background Position: Background on 'table-column'</a>
<dt>previous
<dd><a href="backgr_position-table-column-group.html">Background Position: Background on 'table-column-group'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

124
layout/html/tests/table/marvin/backgr_position-table.html Normal file
View File

@ -0,0 +1,124 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table'</title>
<link rel="next" href="backgr_position-table-row-group.html" title="Background Position: Background on 'table-row-group'">
<link rel="prev" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table {background: black url(../images/edge.gif) top right no-repeat}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part B: Background Position</h2>
<h3>Background on 'table'</h3>
<p>There should be three aqua stripes just inside the top and right table borders.</p>
<dl>
<dt>next
<dd><a href="backgr_position-table-row-group.html">Background Position: Background on 'table-row-group'</a>
<dt>previous
<dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr id="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
<tfoot>
<tr id="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr id="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr id="tb-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

129
layout/html/tests/table/marvin/backgr_simple-table-cell.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-cell'</title>
<link rel="prev" href="backgr_simple-table-column.html" title="Background Area: Background on 'table-column'">
<link rel="next" href="backgr_position-table.html" title="Background Position: Background on 'table'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
td,th {background: black url(../images/rainbowv.gif) top right}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part A: Background Area</h2>
<h3>Background on 'table-cell'</h3>
<p class="clip">Each cell's background should fill the rectangle
defined by its border edge. There should be no gaps or holes in
the background within a cell.</p>
<p class="position">A purple band should align with the top
padding edge of each cell, and an orange stripe should align a
few pixels to the left of its right padding edge.</p>
<dl>
<dt>next
<dd><a href="backgr_position-table.html">Background Position: Background on 'table'</a>
<dt>previous
<dd><a href="backgr_simple-table-column.html">Background Area: Background on 'table-column'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

136
layout/html/tests/table/marvin/backgr_simple-table-column-group.html Normal file
View File

@ -0,0 +1,136 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-column-group'</title>
<link rel="next" href="backgr_simple-table-row.html" title="Background Area: Background on 'table-row'">
<link rel="prev" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'">
<link rel="contents" href="./backgr_index,.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
colgroup {background: black url(../images/rainbowv.gif) top left}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part A: Background Area</h2>
<h3>Background on 'table-column-group'</h3>
<p class="scope">The first column group spans the first three
columns. The second column group only contains the last column.
<p class="clip">The table column group background should be visible
within the border edge of each cell originating in the column
group. Within each column group, all stripes should line up as if
the cells were cutouts in a stencil placed over the column group
background. Furthermore, the horizontal stripes should also align
across the two column groups.</p>
<p class="position">A purple band should align with the top border
edge of the cells in the first row. An aqua stripe should align a
few pixels to the right of the left border edge of cells in the
column group's leftmost column.</p>
<dl>
<dt>next
<dd><a href="backgr_simple-table-row.html">Background Area: Background on 'table-row'</a>
<dt>previous
<dd><a href="backgr_simple-table-row-group.html">Background Area: Background on 'table-row-group'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

134
layout/html/tests/table/marvin/backgr_simple-table-column.html Normal file
View File

@ -0,0 +1,134 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-column'</title>
<link rel="next" href="backgr_simple-table-cell.html" title="Background Area: Background on 'table-cell'">
<link rel="prev" href="backgr_simple-table-row.html" title="Background Area: Background on 'table-row'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
col {background: black url(../images/rainbowv.gif) bottom right}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part A: Background Area</h2>
<h3>Background on 'table-column'</h3>
<p class="scope">All four columns are styled.</p>
<p class="clip">The table column background should be visible within
the border edge of each cell originating in the column, and the
background should be continuously tiled to fill the entire cell.
Within the column, all stripes should line up as if the cells were
cutouts in a stencil placed over the column background.
Furthermore, horizontal stripes should align across columns.</p>
<p class="position">A red band should align with the bottom
border edge of the last cell in each column. An orange stripe
should align a few pixels to the left of the right border of the
non-column-spanning cells in each column.</p>
<dl>
<dt>next
<dd><a href="backgr_simple-table-cell.html">Background Area: Background on 'table-cell'</a>
<dt>previous
<dd><a href="backgr_simple-table-row.html">Background Area: Background on 'table-row'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

134
layout/html/tests/table/marvin/backgr_simple-table-row-group.html Normal file
View File

@ -0,0 +1,134 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-row-group'</title>
<link rel="next" href="backgr_simple-table-column-group.html" title="Background Area: Background on 'table-row-group'">
<link rel="prev" href="backgr_simple-table.html" title="Background Area: Background on 'table'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
tbody {background: black url(../images/rainbowh.gif) bottom left}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part A: Background Area</h2>
<h3>Background on 'table-row-group'</h3>
<p class="scope">The styled row group spans the second and third
rows.</p>
<p class="clip">The table row group background should be visible
within the border edge of each cell originating in the row group.
All stripes should line up as if the cells were cutouts in a
stencil placed over the row group background.</p>
<p class="position">A red band should align with the left border
edge of the first cells in each of the row group's rows. An orange
stripe should align a few pixels above the bottom border of the
cells in the row group's last row.</p>
<dl>
<dt>next
<dd><a href="backgr_simple-table-column-group.html">Background Area: Background on 'table-column-group'</a>
<dt>previous
<dd><a href="backgr_simple-table.html">Background Area: Background on 'table'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

134
layout/html/tests/table/marvin/backgr_simple-table-row.html Normal file
View File

@ -0,0 +1,134 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table-row'</title>
<link rel="next" href="backgr_simple-table-column.html" title="Background Area: Background on 'table-column'">
<link rel="prev" href="backgr_simple-table-column-group.html" title="Background Area: Background on 'table-column-group'">
<link rel="contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
tr {background: black url(../images/rainbowh.gif) bottom left;}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part A: Background Area</h2>
<h3>Background on 'table-row'</h3>
<p class="scope">All four rows are styled.</p>
<p class="clip">The table row background should be visible within
the border edge of each cell originating in the row, and the
background should be continuously tiled to fill the entire cell.
Within each row, all stripes should line up as if the cells were
cutouts in a stencil placed over the row background. Furthermore,
vertical stripes should align across rows.</p>
<p class="position">A red band should align with the left border
edge of the first cells in each row. An orange stripe should align
a few pixels above the bottom border of the non-row-spanning cells
in each row.</p>
<dl>
<dt>next
<dd><a href="backgr_simple-table-column.html">Background Area: Background on 'table-column'</a>
<dt>previous
<dd><a href="backgr_simple-table-column-group.html">Background Area: Background on 'table-column-group'</a>
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

129
layout/html/tests/table/marvin/backgr_simple-table.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table'</title>
<link rel="next" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'">
<link rel="prev contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="common.css">
<style type="text/css">
table {background: black url(../images/rainbowh.gif) top right}
</style>
</head>
<body>
<h1>CSS2 Table Backgrounds Test Suite</h1>
<h2>Part A: Background Area</h2>
<h3>Background on 'table'</h3>
<p class="clip">The table background should fill the rectangle
defined by the outer border of the table. There should be no gaps
or holes in the background and the stripes should all be
continuous.</p>
<p class="position">A purple band should align with the left edge
of the painted area, and an aqua stripe should align a few pixels
below the top border.</p>
<dl>
<dt>next
<dd><a href="backgr_simple-table-row-group.html">Background Area: Background on 'table-row-group'</a>
<dt>previous
<dd>--
<dt>contents
<dd><a href="./backgr_index.html">Table of Contents</a>
</dl>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<table class="collapse">
<caption>With 'border-collapse: collapse'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
</colgroup>
<colgroup class="colgroup-B">
<col class="col-4">
</colgroup>
<thead>
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
</tr>
</thead>
<tfoot>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
</tfoot>
<tbody>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
</tr>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
</tr>
</tbody>
</table>
<div class="validity">
<a href="http://validator.w3.org/check/referer"><img
src="../images/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
</div>
<address>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
</address>
</body>
</html>

43
layout/html/tests/table/marvin/common.css Normal file
View File

@ -0,0 +1,43 @@
body {
color: lime;
background: #333333;
font-family: monospace;
}
:link {
color: yellow;
}
:visited {
color: #999900;
}
table {
border: 1px dotted;
border-spacing: 7px;
font-size: larger;
font-weight: 900;
font-family: sans-serif;
color: white;
}
td, th {
border: 1px dotted;
}
.separate {
border-collapse: separate;
}
.collapse {
border-collapse: collapse;
}
.b, .e {
border: 13px dotted;
}
/*Columns*/
.a {width: 126px}
.b {width: 192px}
.c {width: 114px}
.d {width: 109px}
/*Rows*/
.d {height: 96px}
.h {height: 104px}
.l {height: 80px}
.p {height: 111px}

22
layout/html/tests/table/marvin/file_list.txt
View File

@ -308,4 +308,26 @@ file:///s|/mozilla/layout/html/tests/table/marvin/x_tr_valign_baseline.xml
file:///s|/mozilla/layout/html/tests/table/marvin/x_tr_id.xml
file:///s|/mozilla/layout/html/tests/table/marvin/x_tr_class.xml
file:///s|/mozilla/layout/html/tests/table/marvin/x_tr_style.xml
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_simple-table.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_simple-table-row-group.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_simple-table-column-group.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_simple-table-row.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_simple-table-column.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_simple-table-cell.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_position-table.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_position-table-row-group.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_position-table-column-group.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_position-table-row.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_position-table-column.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_position-table-cell.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_layers-show.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_layers-hide.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_border-table.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_border-table-row-group.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_border-table-column-group.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_border-table-row.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_border-table-column.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_border-table-cell.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_layers-opacity.html
file:///s|/mozilla/layout/html/tests/table/marvin/backgr_fixed-bg.html

23
layout/html/tests/table/marvin/rtest.lst
View File

@ -308,4 +308,27 @@ x_tr_valign_baseline.xml
x_tr_id.xml
x_tr_class.xml
x_tr_style.xml
backgr_simple-table.html
backgr_simple-table-row-group.html
backgr_simple-table-column-group.html
backgr_simple-table-row.html
backgr_simple-table-column.html
backgr_simple-table-cell.html
backgr_position-table.html
backgr_position-table-row-group.html
backgr_position-table-column-group.html
backgr_position-table-row.html
backgr_position-table-column.html
backgr_position-table-cell.html
backgr_layers-show.html
backgr_layers-hide.html
backgr_border-table.html
backgr_border-table-row-group.html
backgr_border-table-column-group.html
backgr_border-table-row.html
backgr_border-table-column.html
backgr_border-table-cell.html
backgr_layers-opacity.html
backgr_fixed-bg.html