third_party/WebKit/LayoutTests/tables/mozilla_expected_failures/bugs/bug10140.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
   2
   3 <!-- Work done for Netscape.  License unknown. -->
   4
   5 <html lang="en-US">
   6 <head>
   7 <title>Tables and captions</title>
   8 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   9 <meta http-equiv="Content-Style-Type" content="text/css">
  10 <link rel="copyright" href="/~dbaron/legal.html">
  11 <style type="text/css">
  12
  13 table { border: 10px solid green; }
  14 caption {
  15         border: medium solid purple;
  16         caption-side: top;
  17         }
  18
  19 table.one { width: 300px; }
  20 table.one caption { width: 300px; }
  21
  22 table.two { width: 300px; }
  23 table.two caption { width: 600px; }
  24
  25 table.three { width: 600px; }
  26 table.three caption { width: 300px; }
  27
  28 table.four { margin-top: 20px; }
  29 table.four caption { margin-bottom: 0; }
  30
  31 table.five { margin-top: 0; }
  32 table.five caption { margin-bottom: 20px; }
  33
  34 table.six { margin-top: 15px; }
  35 table.six caption { margin-bottom: 20px; }
  36
  37 table.seven { margin-top: 20px; }
  38 table.seven caption { margin-bottom: 15px; }
  39
  40 table.eight { margin-right: 20px; }
  41 table.eight caption { margin-left: 0; caption-side: right; }
  42
  43 table.nine { margin-right: 0; }
  44 table.nine caption { margin-left: 20px; caption-side: right; }
  45
  46 table.ten { margin-right: 15px; }
  47 table.ten caption { margin-left: 20px; caption-side: right; }
  48
  49 table.eleven { margin-right: 20px; }
  50 table.eleven caption { margin-left: 15px; caption-side: right; }
  51
  52 table.twelve { margin-bottom: 20px; }
  53 table.twelve caption { margin-top: 0; caption-side: bottom; }
  54
  55 table.thirteen { margin-bottom: 0; }
  56 table.thirteen caption { margin-top: 20px; caption-side: bottom; }
  57
  58 table.fourteen { margin-bottom: 15px; }
  59 table.fourteen caption { margin-top: 20px; caption-side: bottom; }
  60
  61 table.fifteen { margin-bottom: 20px; }
  62 table.fifteen caption { margin-top: 15px; caption-side: bottom; }
  63
  64 table.sixteen { margin-left: 20px; }
  65 table.sixteen caption { margin-right: 0; caption-side: left; }
  66
  67 table.seventeen { margin-left: 0; }
  68 table.seventeen caption { margin-right: 20px; caption-side: left; }
  69
  70 table.eighteen { margin-left: 15px; }
  71 table.eighteen caption { margin-right: 20px; caption-side: left; }
  72
  73 table.nineteen { margin-left: 20px; }
  74 table.nineteen caption { margin-right: 15px; caption-side: left; }
  75
  76 </style>
  77 </head>
  78 <body>
  79 <h1>Tables and captions</h1>
  80
  81 <p>
  82         The table should have width 300px, as should the caption (entirely
  83         above the table):
  84 </p>
  85
  86 <table class="one">
  87         <caption>The table's caption.</caption>
  88         <tr><td>Data</td><td>Data</td></tr>
  89         <tr><td>Data</td><td>Data</td></tr>
  90 </table>
  91
  92 <p>
  93         The table should have width 300px, and the caption should have
  94         width 600px.
  95 </p>
  96
  97 <table class="two">
  98         <caption>The table's caption.</caption>
  99         <tr><td>Data</td><td>Data</td></tr>
 100         <tr><td>Data</td><td>Data</td></tr>
 101 </table>
 102
 103 <p>
 104         The table should have width 600px, and the caption should have
 105         width 300px.
 106 </p>
 107
 108 <table class="three">
 109         <caption>The table's caption.</caption>
 110         <tr><td>Data</td><td>Data</td></tr>
 111         <tr><td>Data</td><td>Data</td></tr>
 112 </table>
 113
 114 <p>
 115         The next four tables should have their caption on the top,
 116         with a 20px gap between the table and the caption.
 117 </p>
 118
 119 <table class="four">
 120         <caption>The table's caption.</caption>
 121         <tr><td>Data</td><td>Data</td></tr>
 122         <tr><td>Data</td><td>Data</td></tr>
 123 </table>
 124
 125 <table class="five">
 126         <caption>The table's caption.</caption>
 127         <tr><td>Data</td><td>Data</td></tr>
 128         <tr><td>Data</td><td>Data</td></tr>
 129 </table>
 130
 131 <table class="six">
 132         <caption>The table's caption.</caption>
 133         <tr><td>Data</td><td>Data</td></tr>
 134         <tr><td>Data</td><td>Data</td></tr>
 135 </table>
 136
 137 <table class="seven">
 138         <caption>The table's caption.</caption>
 139         <tr><td>Data</td><td>Data</td></tr>
 140         <tr><td>Data</td><td>Data</td></tr>
 141 </table>
 142
 143
 144 <p>
 145         The next four tables should have their caption on the right,
 146         with a 20px gap between the table and the caption.
 147 </p>
 148
 149 <table class="eight">
 150         <caption>The table's caption.</caption>
 151         <tr><td>Data</td><td>Data</td></tr>
 152         <tr><td>Data</td><td>Data</td></tr>
 153 </table>
 154
 155 <table class="nine">
 156         <caption>The table's caption.</caption>
 157         <tr><td>Data</td><td>Data</td></tr>
 158         <tr><td>Data</td><td>Data</td></tr>
 159 </table>
 160
 161 <table class="ten">
 162         <caption>The table's caption.</caption>
 163         <tr><td>Data</td><td>Data</td></tr>
 164         <tr><td>Data</td><td>Data</td></tr>
 165 </table>
 166
 167 <table class="eleven">
 168         <caption>The table's caption.</caption>
 169         <tr><td>Data</td><td>Data</td></tr>
 170         <tr><td>Data</td><td>Data</td></tr>
 171 </table>
 172
 173
 174 <p>
 175         The next four tables should have their caption on the bottom,
 176         with a 20px gap between the table and the caption.
 177 </p>
 178
 179 <table class="twelve">
 180         <caption>The table's caption.</caption>
 181         <tr><td>Data</td><td>Data</td></tr>
 182         <tr><td>Data</td><td>Data</td></tr>
 183 </table>
 184
 185 <table class="thirteen">
 186         <caption>The table's caption.</caption>
 187         <tr><td>Data</td><td>Data</td></tr>
 188         <tr><td>Data</td><td>Data</td></tr>
 189 </table>
 190
 191 <table class="fourteen">
 192         <caption>The table's caption.</caption>
 193         <tr><td>Data</td><td>Data</td></tr>
 194         <tr><td>Data</td><td>Data</td></tr>
 195 </table>
 196
 197 <table class="fifteen">
 198         <caption>The table's caption.</caption>
 199         <tr><td>Data</td><td>Data</td></tr>
 200         <tr><td>Data</td><td>Data</td></tr>
 201 </table>
 202
 203
 204 <p>
 205         The next four tables should have their caption on the left,
 206         with a 20px gap between the table and the caption.
 207 </p>
 208
 209 <table class="sixteen">
 210         <caption>The table's caption.</caption>
 211         <tr><td>Data</td><td>Data</td></tr>
 212         <tr><td>Data</td><td>Data</td></tr>
 213 </table>
 214
 215 <table class="seventeen">
 216         <caption>The table's caption.</caption>
 217         <tr><td>Data</td><td>Data</td></tr>
 218         <tr><td>Data</td><td>Data</td></tr>
 219 </table>
 220
 221 <table class="eighteen">
 222         <caption>The table's caption.</caption>
 223         <tr><td>Data</td><td>Data</td></tr>
 224         <tr><td>Data</td><td>Data</td></tr>
 225 </table>
 226
 227 <table class="nineteen">
 228         <caption>The table's caption.</caption>
 229         <tr><td>Data</td><td>Data</td></tr>
 230         <tr><td>Data</td><td>Data</td></tr>
 231 </table>
 232
 233 <hr title="Beginning of Footer">
 234 <p><a href="http://validator.w3.org/check/referer" title="W3C HTML Validator"><img src="../../images/vh40" alt="Valid HTML 4.0!" height="31" width="88"></a></p>
 235 <p>(Back to
 236 <a href="./">CSS Testing Information</a>,
 237 <a href="../../">David Baron</a>)</p>
 238 <p><a href="/~dbaron/" title="David Baron's Homepage">LDB</a>,
 239 <a rev="made" href="mailto:dbaron@fas.harvard.edu" TITLE="Send e-mail to David Baron">dbaron@fas.harvard.edu</a></p>
 240
 241 </body></html>