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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-column.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-collapsed-border.html ('k') | third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-column-collapsed-border.html » ('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 17
43 <table class="separate"> 18 <table class="separate">
44 <caption>With 'border-collapse: separate'</caption> 19 <caption>With 'border-collapse: separate'</caption>
45 <colgroup class="colgroup-A"> 20 <colgroup class="colgroup-A">
46 <col class="col-1"> 21 <col class="col-1">
47 <col class="col-2"> 22 <col class="col-2">
48 <col class="col-3"> 23 <col class="col-3">
49 </colgroup> 24 </colgroup>
50 <colgroup class="colgroup-B"> 25 <colgroup class="colgroup-B">
51 <col class="col-4"> 26 <col class="col-4">
(...skipping 22 matching lines...) Expand all
74 </tr> 49 </tr>
75 <tr class="tb-row-2"> 50 <tr class="tb-row-2">
76 51
77 <td class="j">TD J</td> 52 <td class="j">TD J</td>
78 <td class="k">TD K</td> 53 <td class="k">TD K</td>
79 <td class="l">TD L</td> 54 <td class="l">TD L</td>
80 </tr> 55 </tr>
81 </tbody> 56 </tbody>
82 </table> 57 </table>
83 58
84 <table class="collapse"> 59 <p class="scope">All four columns are styled.</p>
85 <caption>With 'border-collapse: collapse'</caption> 60 <p class="clip">The table column background should be visible within
86 <colgroup class="colgroup-A"> 61 the border edge of each cell originating in the column, and the
87 <col class="col-1"> 62 background should be continuously tiled to fill the entire cell.
88 <col class="col-2"> 63 Within the column, all stripes should line up as if the cells were
89 <col class="col-3"> 64 cutouts in a stencil placed over the column background.
90 </colgroup> 65 Furthermore, horizontal stripes should align across columns.</p>
91 <colgroup class="colgroup-B"> 66 <p class="position">A red band should align with the bottom
92 <col class="col-4"> 67 border edge of the last cell in each column. An orange stripe
93 </colgroup> 68 should align a few pixels to the left of the right border of the
94 <thead> 69 non-column-spanning cells in each column.</p>
95 <tr class="th-row-1">
96 <th class="a">TH A</th>
97 <th class="b">TH B</th>
98 <th class="c">TH C</th>
99 <th class="d">TH D</th>
100 </tr>
101 </thead>
102 <tfoot>
103 <tr class="tf-row-1">
104 <td class="m" colspan=2>TD M</td>
105
106 <td class="o">TD O</td>
107 <td class="p">TD P</td>
108 </tfoot>
109 <tbody>
110 <tr class="tb-row-1">
111 <td class="e" rowspan=2>TD E</td>
112 <td class="f">TD F</td>
113 <td class="g">TD G</td>
114 <td class="h">TD H</td>
115 </tr>
116 <tr class="tb-row-2">
117
118 <td class="j">TD J</td>
119 <td class="k">TD K</td>
120 <td class="l">TD L</td>
121 </tr>
122 </tbody>
123 </table>
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-collapsed-border.html ('k') | third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-column-collapsed-border.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698