layout/reftests/table-background/backgr_layers-hide.html@141e0f1194b1
layout/reftests/table-background/backgr_layers-hide.html
Wed, 31 Dec 2014 07:16:47 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 07:16:47 +0100
- branch
- TOR_BUG_9701
- changeset 3
- 141e0f1194b1
- permissions
- -rw-r--r--
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
4 <title>empty-cells: hide</title>
5 <link rel="next" href="backgr_border-table.html" title="Background with Borders: Background on 'table'">
6 <link rel="prev" href="backgr_layers-show.html" title="Background Layers: empty-cell: show">
7 <link rel="contents" href="./backgr_indxe.html" title="Table of Contents">
8 <link rel="stylesheet" type="text/css" href="common.css">
9 <style type="text/css">
11 table {background: blue; empty-cells: hide}
12 tbody, thead {background: url(edge.gif) right top no-repeat}
13 tr {background: url(edge.gif) 0 10px no-repeat}
14 .colgroup-A {background: url(edge.gif) 100% 20px no-repeat}
15 .col-3 {background: url(edge.gif) 0 30px no-repeat}
16 .c {background: url(edge.gif) -20px 100% no-repeat; min-height: 50px}
18 </style>
19 </head>
20 <body>
21 <h1>CSS2 Table Backgrounds Test Suite</h1>
23 <h2>Part C: Background Layers</h2>
25 <h3>empty-cells: hide</h3>
27 <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.
29 <dl>
30 <dt>next
31 <dd><a href="backgr_border-table.html">Background with Borders: Background on 'table'</a>
32 <dt>previous
33 <dd><a href="backgr_layers-show.html">Background Layers: empty-cells: show</a>
34 <dt>contents
35 <dd><a href="./backgr_index.html">Table of Contents</a>
36 </dl>
38 <table class="separate">
39 <caption>With 'border-collapse: separate'</caption>
40 <colgroup class="colgroup-A">
41 <col class="col-1">
42 <col class="col-2">
43 <col class="col-3">
44 </colgroup>
45 <colgroup class="colgroup-B">
46 <col class="col-4">
47 </colgroup>
48 <thead>
49 <tr class="th-row-1">
50 <th class="a">TH A</th>
51 <th class="b">TH B</th>
52 <th class="c"></th>
53 <th class="d">TH D</th>
54 </tr>
55 </thead>
56 <tfoot>
57 <tr class="tb-row-1">
58 <td class="m" colspan=2>TD M</td>
60 <td class="o">TD O</td>
61 <td class="p">TD P</td>
62 </tfoot>
63 <tbody>
64 <tr class="tb-row-1">
65 <td class="e" rowspan=2>TD E</td>
66 <td class="f">TD F</td>
67 <td class="g">TD G</td>
68 <td class="h">TD H</td>
69 </tr>
70 <tr class="tb-row-2">
72 <td class="j">TD J</td>
73 <td class="k">TD K</td>
74 <td class="l">TD L</td>
75 </tr>
76 </tbody>
77 </table>
79 <table class="collapse">
80 <caption>With 'border-collapse: collapse'</caption>
81 <colgroup class="colgroup-A">
82 <col class="col-1">
83 <col class="col-2">
84 <col class="col-3">
85 </colgroup>
86 <colgroup class="colgroup-B">
87 <col class="col-4">
88 </colgroup>
89 <thead>
90 <tr class="th-row-1">
91 <th class="a">TH A</th>
92 <th class="b">TH B</th>
93 <th class="c"></th>
94 <th class="d">TH D</th>
95 </tr>
96 </thead>
97 <tfoot>
98 <tr class="tb-row-1">
99 <td class="m" colspan=2>TD M</td>
101 <td class="o">TD O</td>
102 <td class="p">TD P</td>
103 </tfoot>
104 <tbody>
105 <tr class="tb-row-1">
106 <td class="e" rowspan=2>TD E</td>
107 <td class="f">TD F</td>
108 <td class="g">TD G</td>
109 <td class="h">TD H</td>
110 </tr>
111 <tr class="tb-row-2">
113 <td class="j">TD J</td>
114 <td class="k">TD K</td>
115 <td class="l">TD L</td>
116 </tr>
117 </tbody>
118 </table>
119 <div class="validity">
120 <a href="http://validator.w3.org/check/referer"><img
121 src="valid-html401.png" height="31" width="88"
122 alt="Valid HTML 4.01!"></a>
123 </div>
124 <address>
125 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>
126 </address>
128 </body>
129 </html>
