| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Test: direction: on nested tables</title> |
| <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:[email protected]"/> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout"/> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> |
| <meta name="assert" content="direction: should affect order of table cells"/> |
| <style type="text/css"><![CDATA[ |
| table {direction: rtl;border-spacing: 0;} |
| table table {direction: ltr;} |
| td {padding:0;} |
| td.a {background-color: navy; color: navy;} |
| td.b {background-color: magenta; color: magenta;} |
| td.c {background-color: cyan; color: cyan;} |
| ]]></style> |
| </head> |
| |
| <body> |
| |
| <p>You should see three solid rectangles below, forming a band:</p> |
| |
| <table> |
| <tr> |
| <td class="a">xxxxxx</td> |
| <td class="b">xxxxxx</td> |
| <td class="c">xxxxxx</td> |
| </tr> |
| <tr> |
| <td colspan="3"> |
| <table> |
| <tr> |
| <td class="c">xxxxxx</td> |
| <td class="b">xxxxxx</td> |
| <td class="a">xxxxxx</td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| </table> |
| </body> |
| </html> |
| |
