bidi-table-002.xht (1315B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 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="assert" content="direction: should affect order of table cells"/> 9 <style type="text/css"><![CDATA[ 10 table {direction: rtl;border-spacing: 0;} 11 table table {direction: ltr;} 12 td {padding:0;} 13 td.a {background-color: navy; color: navy;} 14 td.b {background-color: magenta; color: magenta;} 15 td.c {background-color: cyan; color: cyan;} 16 ]]></style> 17 </head> 18 19 <body> 20 21 <p>You should see three solid rectangles below, forming a band:</p> 22 23 <table> 24 <tr> 25 <td class="a">xxxxxx</td> 26 <td class="b">xxxxxx</td> 27 <td class="c">xxxxxx</td> 28 </tr> 29 <tr> 30 <td colspan="3"> 31 <table> 32 <tr> 33 <td class="c">xxxxxx</td> 34 <td class="b">xxxxxx</td> 35 <td class="a">xxxxxx</td> 36 </tr> 37 </table> 38 </td> 39 </tr> 40 </table> 41 </body> 42 </html> 43