| OLD | NEW | 
|---|
| 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'</title> | 4 <title>Background on 'table'</title> | 
| 5 <link rel="next" href="backgr_simple-table-row-group.html" title="Background Are
     a: Background on 'table-row-group'"> | 5 <link rel="next" href="backgr_simple-table-row-group.html" title="Background Are
     a: Background on 'table-row-group'"> | 
| 6 <link rel="prev contents" href="./backgr_index.html" title="Table of Contents"> | 6 <link rel="prev contents" href="./backgr_index.html" title="Table of Contents"> | 
| 7 <link rel="stylesheet" type="text/css" href="common.css"> | 7 <link rel="stylesheet" type="text/css" href="resources/common.css"> | 
| 8 <style type="text/css"> | 8 <style type="text/css"> | 
| 9 | 9 | 
| 10   table {background: black url(../images/rainbowh.gif) top right} | 10   table {background: black url(resources/rainbowh.gif) top right} | 
| 11 | 11 | 
| 12 </style> | 12 </style> | 
| 13 </head> | 13 </head> | 
| 14 <body> | 14 <body> | 
| 15 <h1>CSS2 Table Backgrounds Test Suite</h1> | 15     <h3>crbug.com/35679: Background on 'table'</h3> | 
| 16 |  | 
| 17 <h2>Part A: Background Area</h2> |  | 
| 18 |  | 
| 19     <h3>Background on 'table'</h3> |  | 
| 20 |  | 
| 21     <p class="clip">The table background should fill the rectangle |  | 
| 22      defined by the outer border of the table. There should be no gaps |  | 
| 23      or holes in the background and the stripes should all be |  | 
| 24      continuous.</p> |  | 
| 25     <p class="position">A purple band should align with the left edge |  | 
| 26      of the painted area, and an aqua stripe should align a few pixels |  | 
| 27      below the top border.</p> |  | 
| 28 |  | 
| 29     <dl> |  | 
| 30        <dt>next |  | 
| 31           <dd><a href="backgr_simple-table-row-group.html">Background Area: Back
     ground on 'table-row-group'</a> |  | 
| 32        <dt>previous |  | 
| 33           <dd>-- |  | 
| 34        <dt>contents |  | 
| 35           <dd><a href="./backgr_index.html">Table of Contents</a> |  | 
| 36     </dl> |  | 
| 37 |  | 
| 38     <table class="separate"> | 16     <table class="separate"> | 
| 39     <caption>With 'border-collapse: separate'</caption> | 17     <caption>With 'border-collapse: separate'</caption> | 
| 40     <colgroup class="colgroup-A"> | 18     <colgroup class="colgroup-A"> | 
| 41       <col class="col-1"> | 19       <col class="col-1"> | 
| 42       <col class="col-2"> | 20       <col class="col-2"> | 
| 43       <col class="col-3"> | 21       <col class="col-3"> | 
| 44     </colgroup> | 22     </colgroup> | 
| 45     <colgroup class="colgroup-B"> | 23     <colgroup class="colgroup-B"> | 
| 46       <col class="col-4"> | 24       <col class="col-4"> | 
| 47     </colgroup> | 25     </colgroup> | 
| (...skipping 21 matching lines...) Expand all  Loading... | 
| 69       </tr> | 47       </tr> | 
| 70       <tr class="tb-row-2"> | 48       <tr class="tb-row-2"> | 
| 71 | 49 | 
| 72         <td class="j">TD J</td> | 50         <td class="j">TD J</td> | 
| 73         <td class="k">TD K</td> | 51         <td class="k">TD K</td> | 
| 74         <td class="l">TD L</td> | 52         <td class="l">TD L</td> | 
| 75       </tr> | 53       </tr> | 
| 76     </tbody> | 54     </tbody> | 
| 77     </table> | 55     </table> | 
| 78 | 56 | 
| 79     <table class="collapse"> | 57     <p class="clip">The table background should fill the rectangle | 
| 80     <caption>With 'border-collapse: collapse'</caption> | 58      defined by the outer border of the table. There should be no gaps | 
| 81     <colgroup class="colgroup-A"> | 59      or holes in the background and the stripes should all be | 
| 82       <col class="col-1"> | 60      continuous.</p> | 
| 83       <col class="col-2"> | 61     <p class="position">A purple band should align with the left edge | 
| 84       <col class="col-3"> | 62      of the painted area, and an aqua stripe should align a few pixels | 
| 85     </colgroup> | 63      below the top border.</p> | 
| 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 C</th> |  | 
| 94         <th class="d">TH D</th> |  | 
| 95       </tr> |  | 
| 96     </thead> |  | 
| 97     <tfoot> |  | 
| 98       <tr class="tf-row-1"> |  | 
| 99         <td class="m" colspan=2>TD M</td> |  | 
| 100 | 64 | 
| 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"> |  | 
| 112 |  | 
| 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"> | 65 <div class="validity"> | 
| 120   <a href="http://validator.w3.org/check/referer"><img | 66   <a href="http://validator.w3.org/check/referer"><img | 
| 121      src="../images/valid-html401.png" height="31" width="88" | 67      src="resources/valid-html401.png" height="31" width="88" | 
| 122      alt="Valid HTML 4.01!"></a> | 68      alt="Valid HTML 4.01!"></a> | 
| 123 </div> | 69 </div> | 
| 124 <address> | 70 <address> | 
| 125   CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasa
     i@escape.com> | 71   CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasa
     i@escape.com> | 
| 126 </address> | 72 </address> | 
| 127 | 73 | 
| 128 </body> | 74 </body> | 
| 129 </html> | 75 </html> | 
| OLD | NEW | 
|---|