src/third_party/WebKit/LayoutTests/tables/mozilla_expected_failures/marvin/backgr_layers-show.html

   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>empty-cells: show</title>
   5 <link rel="next" href="backgr_layers-hide.html" title="Background Layers: empty-cell: hide">
   6 <link rel="prev" href="backgr_position-table-cell.html" title="Background Position: Background on 'table-cell'">
   7 <link rel="contents" href="./backgr_index.html" title="Table of Contents">
   8 <link rel="stylesheet" type="text/css" href="common.css">
   9 <style type="text/css">
  10   body         {overflow: hidden;}
  11   table        {background: blue; empty-cells: show}
  12   tbody, thead {background: url(../images/edge.gif) right top  no-repeat}
  13   tr           {background: url(../images/edge.gif) 0     10px   no-repeat}
  14   .colgroup-A  {background: url(../images/edge.gif) 100%  20px   no-repeat}
  15   .col-3       {background: url(../images/edge.gif) 0     30px   no-repeat}
  16   .c           {background: url(../images/edge.gif) -20px 100%   no-repeat; min-height: 50px}
  17
  18 </style>
  19 <script>
  20 if (window.internals)
  21     window.internals.settings.setForceCompositingMode(true);
  22 </script>
  23 </head>
  24 <body>
  25 <h1>CSS2 Table Backgrounds Test Suite</h1>
  26
  27 <h2>Part C: Background Layers</h2>
  28
  29     <h3>empty-cells: show</h3>
  30
  31     <p>Both tables should have a blue background.</p>
  32
  33     <p>In table cell C (third cell in the first row), which is empty:</p>
  34     <ul>
  35         <li>Four sets of horizontal double violet stripes surrounded by aqua should run just inside the top border edge.
  36         <li>One set of aqua-backed double violet stripes should run just inside the left, right, and bottom border edges.
  37         <li>The third set along the top should turn down at the right edge and go under the fourth set to form the right-edge set.
  38         <li>The fourth set should turn down at the left edge to form the left set.
  39         <li>The bottom stripe should be straight and cut across <em>over</em> the side sets.
  40     </ul>
  41     <p>In table cell A, (first cell in the first row):</p>
  42     <ul>
  43         <li>Three sets of horizontal aqua-backed double violet stripes should run just inside the top border edge.
  44         <li>The first set should run across.
  45         <li>The second set should turn down at the left edge, going over the third set to form another set that runs just inside the left border edge.
  46     </ul>
  47     <p>In table cell D, (last cell in the first row):</p>
  48     <ul>
  49         <li>Two sets of horizontal aqua-backed double violet strips should run just inside the top border edge.
  50         <li>The first set should turn down at the right edge, going under the second horizontal set to run vertically just inside the right border edge.
  51     </ul>
  52     <p>In table cell G, (third cell in the second row):</p>
  53     <ul>
  54         <li>Two sets of horizontal aqua-backed double violet stripes should run just inside the top border edge.
  55         <li>A set of vertical stripes should run down just inside the left border edge, going under both horizontal stripes.
  56         <li>Another set of vertical stripes should run down just inside the right border edge, also going under both horizontal stripes.
  57     </ul>
  58     <dl>
  59        <dt>next
  60           <dd><a href="backgr_layers-hide.html">Background Layers: empty-cells: show</a>
  61        <dt>previous
  62           <dd><a href="backgr_position-table-cell.html">Background Position: Background on 'table-cell'</a>
  63        <dt>contents
  64           <dd><a href="./backgr_index.html">Table of Contents</a>
  65     </dl>
  66
  67     <table class="separate">
  68     <caption>With 'border-collapse: separate'</caption>
  69     <colgroup class="colgroup-A">
  70       <col class="col-1">
  71       <col class="col-2">
  72       <col class="col-3">
  73     </colgroup>
  74     <colgroup class="colgroup-B">
  75       <col class="col-4">
  76     </colgroup>
  77     <thead>
  78       <tr class="th-row-1">
  79         <th class="a">TH A</th>
  80         <th class="b">TH B</th>
  81         <th class="c"></th>
  82         <th class="d">TH D</th>
  83       </tr>
  84     </thead>
  85     <tfoot>
  86       <tr class="tb-row-1">
  87         <td class="m" colspan=2>TD M</td>
  88
  89         <td class="o">TD O</td>
  90         <td class="p">TD P</td>
  91     </tfoot>
  92     <tbody>
  93       <tr class="tb-row-1">
  94         <td class="e" rowspan=2>TD E</td>
  95         <td class="f">TD F</td>
  96         <td class="g">TD G</td>
  97         <td class="h">TD H</td>
  98       </tr>
  99       <tr class="tb-row-2">
 100
 101         <td class="j">TD J</td>
 102         <td class="k">TD K</td>
 103         <td class="l">TD L</td>
 104       </tr>
 105     </tbody>
 106     </table>
 107
 108     <table class="collapse">
 109     <caption>With 'border-collapse: collapse'</caption>
 110     <colgroup class="colgroup-A">
 111       <col class="col-1">
 112       <col class="col-2">
 113       <col class="col-3">
 114     </colgroup>
 115     <colgroup class="colgroup-B">
 116       <col class="col-4">
 117     </colgroup>
 118     <thead>
 119       <tr class="th-row-1">
 120         <th class="a">TH A</th>
 121         <th class="b">TH B</th>
 122         <th class="c"></th>
 123         <th class="d">TH D</th>
 124       </tr>
 125     </thead>
 126     <tfoot>
 127       <tr class="tb-row-1">
 128         <td class="m" colspan=2>TD M</td>
 129
 130         <td class="o">TD O</td>
 131         <td class="p">TD P</td>
 132     </tfoot>
 133     <tbody>
 134       <tr class="tb-row-1">
 135         <td class="e" rowspan=2>TD E</td>
 136         <td class="f">TD F</td>
 137         <td class="g">TD G</td>
 138         <td class="h">TD H</td>
 139       </tr>
 140       <tr class="tb-row-2">
 141
 142         <td class="j">TD J</td>
 143         <td class="k">TD K</td>
 144         <td class="l">TD L</td>
 145       </tr>
 146     </tbody>
 147     </table>
 148 <div class="validity">
 149   <a href="http://validator.w3.org/check/referer"><img
 150      src="../images/valid-html401.png"  height="31" width="88"
 151      alt="Valid HTML 4.01!"></a>
 152 </div>
 153 <address>
 154   CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
 155 </address>
 156
 157 </body>
 158 </html>