Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(134)

Side by Side Diff: third_party/WebKit/LayoutTests/fast/table/backgr_layers-hide-2.html

Issue 2600903002: Paint the whole of a table-part background image behind the cells in a table (Closed)
Patch Set: Paint the whole of an image behind the cells in a table Created 3 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2 <head> 2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
4 <title>empty-cells: hide</title> 4 <title>empty-cells: hide</title>
5 <link rel="next" href="backgr_border-table.html" title="Background with Borders: Background on 'table'"> 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"> 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"> 7 <link rel="contents" href="./backgr_indxe.html" title="Table of Contents">
8 <link rel="stylesheet" type="text/css" href="common.css"> 8 <link rel="stylesheet" type="text/css" href="resources/common.css">
9 <style type="text/css"> 9 <style type="text/css">
10
11 table {background: blue; empty-cells: hide} 10 table {background: blue; empty-cells: hide}
12 tbody, thead {background: url(../images/edge.gif) right top no-repeat} 11 tbody, thead {background: url(resources/edge.gif) right top no-repeat}
13 tr {background: url(../iamges/edge.gif) 0 10px no-repeat} 12 tr {background: url(resources/edge.gif) 0 10px no-repeat}
14 .colgroup-A {background: url(../images/edge.gif) 100% 20px no-repeat} 13 .colgroup-A {background: url(resources/edge.gif) 100% 20px no-repeat}
15 .col-3 {background: url(../images/edge.gif) 0 30px no-repeat} 14 .col-3 {background: url(resources/edge.gif) 0 30px no-repeat}
16 .c {background: url(../images/edge.gif) -20px 100% no-repeat; min- height: 50px} 15 .c {background: url(resources/edge.gif) -20px 100% no-repeat; min- height: 50px}
17 16
18 </style> 17 </style>
19 </head> 18 </head>
20 <body> 19 <body>
21 <h1>CSS2 Table Backgrounds Test Suite</h1> 20 <h3>crbug.com/35679: empty-cells: hide</h3>
22
23 <h2>Part C: Background Layers</h2>
24
25 <h3>empty-cells: hide</h3>
26
27 <p>Both tables should look identical to the ones in <a href="backgr_layers-s how.html">empty-cells: show</a> except that there should be a blue blank where t able cell C should be.
28
29 <dl>
30 <dt>next
31 <dd><a href="backgr_border-table.html">Background with Borders: Backgr ound 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>
37
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>
59
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">
71
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>
78 21
79 <table class="collapse"> 22 <table class="collapse">
80 <caption>With 'border-collapse: collapse'</caption> 23 <caption>With 'border-collapse: collapse'</caption>
81 <colgroup class="colgroup-A"> 24 <colgroup class="colgroup-A">
82 <col class="col-1"> 25 <col class="col-1">
83 <col class="col-2"> 26 <col class="col-2">
84 <col class="col-3"> 27 <col class="col-3">
85 </colgroup> 28 </colgroup>
86 <colgroup class="colgroup-B"> 29 <colgroup class="colgroup-B">
87 <col class="col-4"> 30 <col class="col-4">
(...skipping 21 matching lines...) Expand all
109 <td class="h">TD H</td> 52 <td class="h">TD H</td>
110 </tr> 53 </tr>
111 <tr class="tb-row-2"> 54 <tr class="tb-row-2">
112 55
113 <td class="j">TD J</td> 56 <td class="j">TD J</td>
114 <td class="k">TD K</td> 57 <td class="k">TD K</td>
115 <td class="l">TD L</td> 58 <td class="l">TD L</td>
116 </tr> 59 </tr>
117 </tbody> 60 </tbody>
118 </table> 61 </table>
62
63 <p>Both tables should look identical to the ones in <a href="backgr_layers-s how.html">empty-cells: show</a> except that there should be a blue blank where t able cell C should be.
119 <div class="validity"> 64 <div class="validity">
120 <a href="http://validator.w3.org/check/referer"><img 65 <a href="http://validator.w3.org/check/referer"><img
121 src="../images/valid-html401.png" height="31" width="88" 66 src="resources/valid-html401.png" height="31" width="88"
122 alt="Valid HTML 4.01!"></a> 67 alt="Valid HTML 4.01!"></a>
123 </div> 68 </div>
124 <address> 69 <address>
125 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt; 70 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt;
126 </address> 71 </address>
127 72
128 </body> 73 </body>
129 </html> 74 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698