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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-column-collapsed-border.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
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-column.html ('k') | third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-column-collapsed-border-expected.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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>Background on 'table-column'</title> 4 <title>Background on 'table-column'</title>
5 <link rel="next" href="backgr_simple-table-cell.html" title="Background Area: Ba ckground on 'table-cell'"> 5 <link rel="next" href="backgr_simple-table-cell.html" title="Background Area: Ba ckground on 'table-cell'">
6 <link rel="prev" href="backgr_simple-table-row.html" title="Background Area: Bac kground on 'table-row'"> 6 <link rel="prev" href="backgr_simple-table-row.html" title="Background Area: Bac kground on 'table-row'">
7 <link rel="contents" href="./backgr_index.html" title="Table of Contents"> 7 <link rel="contents" href="./backgr_index.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 10
11 col {background: black url(../images/rainbowv.gif) bottom right} 11 col {background: black url(resources/rainbowv.gif) top right}
12 12
13 </style> 13 </style>
14 </head> 14 </head>
15 <body> 15 <body>
16 <h1>CSS2 Table Backgrounds Test Suite</h1> 16 <h3>crbug.com/35679: Background on 'table-column'</h3>
17
18 <h2>Part A: Background Area</h2>
19
20 <h3>Background on 'table-column'</h3>
21
22 <p class="scope">All four columns are styled.</p>
23 <p class="clip">The table column background should be visible within
24 the border edge of each cell originating in the column, and the
25 background should be continuously tiled to fill the entire cell.
26 Within the column, all stripes should line up as if the cells were
27 cutouts in a stencil placed over the column background.
28 Furthermore, horizontal stripes should align across columns.</p>
29 <p class="position">A red band should align with the bottom
30 border edge of the last cell in each column. An orange stripe
31 should align a few pixels to the left of the right border of the
32 non-column-spanning cells in each column.</p>
33
34 <dl>
35 <dt>next
36 <dd><a href="backgr_simple-table-cell.html">Background Area: Backgroun d on 'table-cell'</a>
37 <dt>previous
38 <dd><a href="backgr_simple-table-row.html">Background Area: Background on 'table-row'</a>
39 <dt>contents
40 <dd><a href="./backgr_index.html">Table of Contents</a>
41 </dl>
42
43 <table class="separate">
44 <caption>With 'border-collapse: separate'</caption>
45 <colgroup class="colgroup-A">
46 <col class="col-1">
47 <col class="col-2">
48 <col class="col-3">
49 </colgroup>
50 <colgroup class="colgroup-B">
51 <col class="col-4">
52 </colgroup>
53 <thead>
54 <tr class="th-row-1">
55 <th class="a">TH A</th>
56 <th class="b">TH B</th>
57 <th class="c">TH C</th>
58 <th class="d">TH D</th>
59 </tr>
60 </thead>
61 <tfoot>
62 <tr class="tf-row-1">
63 <td class="m" colspan=2>TD M</td>
64
65 <td class="o">TD O</td>
66 <td class="p">TD P</td>
67 </tfoot>
68 <tbody>
69 <tr class="tb-row-1">
70 <td class="e" rowspan=2>TD E</td>
71 <td class="f">TD F</td>
72 <td class="g">TD G</td>
73 <td class="h">TD H</td>
74 </tr>
75 <tr class="tb-row-2">
76
77 <td class="j">TD J</td>
78 <td class="k">TD K</td>
79 <td class="l">TD L</td>
80 </tr>
81 </tbody>
82 </table>
83 17
84 <table class="collapse"> 18 <table class="collapse">
85 <caption>With 'border-collapse: collapse'</caption> 19 <caption>With 'border-collapse: collapse'</caption>
86 <colgroup class="colgroup-A"> 20 <colgroup class="colgroup-A">
87 <col class="col-1"> 21 <col class="col-1">
88 <col class="col-2"> 22 <col class="col-2">
89 <col class="col-3"> 23 <col class="col-3">
90 </colgroup> 24 </colgroup>
91 <colgroup class="colgroup-B"> 25 <colgroup class="colgroup-B">
92 <col class="col-4"> 26 <col class="col-4">
(...skipping 21 matching lines...) Expand all
114 <td class="h">TD H</td> 48 <td class="h">TD H</td>
115 </tr> 49 </tr>
116 <tr class="tb-row-2"> 50 <tr class="tb-row-2">
117 51
118 <td class="j">TD J</td> 52 <td class="j">TD J</td>
119 <td class="k">TD K</td> 53 <td class="k">TD K</td>
120 <td class="l">TD L</td> 54 <td class="l">TD L</td>
121 </tr> 55 </tr>
122 </tbody> 56 </tbody>
123 </table> 57 </table>
58
59 <p class="scope">All four columns are styled.</p>
60 <p class="clip">The table column background should be visible within
61 the border edge of each cell originating in the column, and the
62 background should be continuously tiled to fill the entire cell.
63 Within the column, all stripes should line up as if the cells were
64 cutouts in a stencil placed over the column background.
65 Furthermore, horizontal stripes should align across columns.</p>
66 <p class="position">A red band should align with the bottom
67 border edge of the last cell in each column. An orange stripe
68 should align a few pixels to the left of the right border of the
69 non-column-spanning cells in each column.</p>
124 <div class="validity"> 70 <div class="validity">
125 <a href="http://validator.w3.org/check/referer"><img 71 <a href="http://validator.w3.org/check/referer"><img
126 src="../images/valid-html401.png" height="31" width="88" 72 src="resources/valid-html401.png" height="31" width="88"
127 alt="Valid HTML 4.01!"></a> 73 alt="Valid HTML 4.01!"></a>
128 </div> 74 </div>
129 <address> 75 <address>
130 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt; 76 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt;
131 </address> 77 </address>
132 78
133 </body> 79 </body>
134 </html> 80 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-column.html ('k') | third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-column-collapsed-border-expected.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698