layout/reftests/table-background/backgr_simple-table.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>Background on 'table'</title>
     5 <link rel="next" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'">
     6 <link rel="prev contents" href="./backgr_index.html" title="Table of Contents">
     7 <link rel="stylesheet" type="text/css" href="common.css">
     8 <style type="text/css">
    10   table {background: black url(rainbowh.gif) top right}
    12 </style>
    13 </head>
    14 <body>
    15 <h1>CSS2 Table Backgrounds Test Suite</h1>
    17 <h2>Part A: Background Area</h2>
    19     <h3>Background on 'table'</h3>
    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>
    29     <dl>
    30        <dt>next
    31           <dd><a href="backgr_simple-table-row-group.html">Background Area: Background 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>
    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 C</th>
    53         <th class="d">TH D</th>
    54       </tr>
    55     </thead>
    56     <tfoot>
    57       <tr class="tf-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 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>
   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 &lt;fantasai&#64;escape.com&gt;
   126 </address>
   128 </body>
   129 </html>

mercurial