| <html> |
| <head> |
| <title>Cadres de tableaux</title> |
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
| <style type="text/css"> |
| <!-- |
| .t0 { border-width : 10pt ; border-color : yellow ; border-style : double } |
| .t1 { border-color : black ; border-style : double ; border-width : 5pt } |
| .t2 { border-color : red ; border-style : solid ; border-width : 5pt } |
| .t3 { border-color : lime ; border-style : groove ; border-width : 5pt } |
| .t4 { border-color : blue ; border-style : inset ; border-width : 5pt } |
| .t00 { border-width : 10pt ; border-color : yellow ; border-style : double ; |
| border-collapse : collapse } |
| --> |
| </style><link rel="stylesheet" href="../testsCSS2.css"></head> |
| |
| <body BGCOLOR=#ffffff> |
| <h1 class="titre">Tests de conformité CSS 2</h1> |
| <h3 class="sstire">Tableaux, test 13.8</h3> |
| <h6 class="sstire">© Éditions Eyrolles 1998</h6> |
| <table border="0" width="75%" align="right"> |
| <tr align="center"> |
| <td colspan="3"> |
| <hr width="100%" noshade> |
| </td> |
| </tr> |
| <tr> |
| <td width="25%" align="left"><a href="tables7.htm">test précédent</a></td> |
| <td width="50%" align="center"><b>Cadres de tableaux</b></td> |
| <td align="right" width="25%"><a href="tables9.htm">test suivant</a></td> |
| </tr> |
| </table> |
| <p> </p> |
| <p> </p> |
| <p>Ce test vérifie que les cadres s'appliquent bien aux tableaux.</p> |
| <pre>.firsttable { border-width : 10pt ; border-color : yellow ; |
| border-style : double } |
| .t1 { border-color : black ; border-style : double ; |
| border-width : 5pt } |
| .t2 { border-color : red ; border-style : solid ; |
| border-width : 5pt } |
| .t3 { border-color : lime ; border-style : groove ; |
| border-width : 5pt } |
| .t4 { border-color : blue ; border-style : inset ; border-width : 5pt } |
| .secondtable { border-width : 10pt ; border-color : yellow ; |
| border-style : double ; |
| border-collapse : collapse }</pre> |
| <table border="1" width="75%" align="center" class="t0"> |
| <tr> |
| <td class="t1">1</td> |
| <td class="t2">2</td> |
| <td class="t3">3</td> |
| </tr> |
| <tr> |
| <td class="t4">4</td> |
| <td class="t1">5</td> |
| <td class="t2">6</td> |
| </tr> |
| <tr> |
| <td class="t3">7</td> |
| <td class="t4">8</td> |
| <td class="t1">9</td> |
| </tr> |
| </table> |
| <br> |
| <table border="1" width="75%" align="center" class="t00"> |
| <tr> |
| <td class="t1">1</td> |
| <td class="t2">2</td> |
| <td class="t3">3</td> |
| </tr> |
| <tr> |
| <td class="t4">4</td> |
| <td class="t1">5</td> |
| <td class="t2">6</td> |
| </tr> |
| <tr> |
| <td class="t3">7</td> |
| <td class="t4">8</td> |
| <td class="t1">9</td> |
| </tr> |
| </table> |
| <p class="valeur">Si toutes les conditions exprimées par les règles |
| CSS ci-dessus se retrouvent dans le formatage des tableaux ci-dessus, la valeur |
| de ce test est 2 et 0 sinon.</p> |
| <table border="0" width="75%" align="right"> |
| <tr align="center"> |
| <td colspan="3"> |
| <hr width="100%" noshade> |
| </td> |
| </tr> |
| <tr> |
| <td width="25%" align="left">test précédent</td> |
| <td width="50%" align="center"><b>Cadres de tableaux</b></td> |
| <td width="25%" align="right"><a href="tables9.htm">test suivant</a></td> |
| </tr> |
| </table> |
| <p> </p> |
| <p> </p> |
| <p> </p> |
| <P>Auteur : Daniel Glazman.</P> |
| </body> |
| </html> |
