1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: direction: on nested tables</title>
5 <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction">
8 <meta name="flags" content="">
9 <meta name="assert" content="direction: should affect order of table cells">
10 <style type="text/css">
11 table {direction: rtl;border-spacing: 0;}
12 table table {direction: ltr;}
13 td {padding:0;}
14 td.a {background-color: navy; color: navy;}
15 td.b {background-color: magenta; color: magenta;}
16 td.c {background-color: cyan; color: cyan;}
17 </style>
18 </head>
19
20 <body>
21
22 <p>You should see three solid rectangles below, forming a band:</p>
23
24 <table>
25 <tr>
26 <td class="a">xxxxxx</td>
27 <td class="b">xxxxxx</td>
28 <td class="c">xxxxxx</td>
29 </tr>
30 <tr>
31 <td colspan="3">
32 <table>
33 <tr>
34 <td class="c">xxxxxx</td>
35 <td class="b">xxxxxx</td>
36 <td class="a">xxxxxx</td>
37 </tr>
38 </table>
39 </td>
40 </tr>
41 </table>
42 </body>
43 </html>