| [347] | 1 | <style type="text/Css">
|
|---|
| 2 | <!--
|
|---|
| 3 | .test1
|
|---|
| 4 | {
|
|---|
| 5 | border: solid 1px #FF0000;
|
|---|
| 6 | background: #FFFFFF;
|
|---|
| 7 | border-collapse: collapse;
|
|---|
| 8 | }
|
|---|
| 9 | -->
|
|---|
| 10 | </style>
|
|---|
| 11 | <page style="font-size: 14px">
|
|---|
| 12 | <span style="font-weight: bold; font-size: 18pt; color: #FF0000; font-family: Times">Bonjour, voici quelques exemples<br></span>
|
|---|
| 13 | <br>
|
|---|
| 14 | Retours à la ligne autorisés : <br>, <br >, <br/>, <br /> <br />
|
|---|
| 15 | <br>
|
|---|
| 16 | Barre horizontale <hr><hr style="height: 4mm; background: #AA5500; border: solid 1mm #0055AA">
|
|---|
| 17 | Exemple de lien : <a href="http://html2pdf.fr/" >le site Html2Pdf</a><br>
|
|---|
| 18 | <br>
|
|---|
| 19 | Image : <img src="./res/logo.gif" alt="Logo" width=150 /><br>
|
|---|
| 20 | <br>
|
|---|
| 21 | Alignement horizontal des DIVs et TABLEs<br />
|
|---|
| 22 | <table style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%" align="center"><tr><td style="width: 100%">Test 1</td></tr></table><br />
|
|---|
| 23 | <table style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%; margin: auto"><tr><td style="width: 100%">Test 2</td></tr></table><br />
|
|---|
| 24 | <div style="text-align: center; border: solid 2px red; background: #FFEEEE;width: 40%; margin: auto">Test 3</div><br />
|
|---|
| 25 | test de tableau imbriqué :<br>
|
|---|
| 26 | <table border="1" bordercolor="#007" bgcolor="#AAAAAA" align="center">
|
|---|
| 27 | <tr>
|
|---|
| 28 | <td border="1">
|
|---|
| 29 | <table style="border: solid 1px #FF0000; background: #FFFFFF; width: 100%; text-align: center">
|
|---|
| 30 | <tr>
|
|---|
| 31 | <th style="border: solid 1px #007700;width: 50%">C1 ⬠«</th>
|
|---|
| 32 | <td style="border: solid 1px #007700;width: 50%">C2 ⬠«</td>
|
|---|
| 33 | </tr>
|
|---|
| 34 | <tr>
|
|---|
| 35 | <td style="border: solid 1px #007700;width: 50%">D1 € «</td>
|
|---|
| 36 | <th style="border: solid 1px #007700;width: 50%">D2 € «</th>
|
|---|
| 37 | </tr>
|
|---|
| 38 | </table>
|
|---|
| 39 | </td>
|
|---|
| 40 | <td border="1">A2</td>
|
|---|
| 41 | <td border="1">AAAAAAAA</td>
|
|---|
| 42 | </tr>
|
|---|
| 43 | <tr>
|
|---|
| 44 | <td border="1">B1</td>
|
|---|
| 45 | <td border="1" rowspan="2">
|
|---|
| 46 | <table class="test1">
|
|---|
| 47 | <tr>
|
|---|
| 48 | <td style="border: solid 2px #007700">E1</td>
|
|---|
| 49 | <td style="border: solid 2px #000077; padding: 2mm">
|
|---|
| 50 | <table style="border: solid 1px #445500">
|
|---|
| 51 | <tr>
|
|---|
| 52 | <td>
|
|---|
| 53 | <img src="./res/logo.gif" alt="Logo" width=100 />
|
|---|
| 54 | </td>
|
|---|
| 55 | </tr>
|
|---|
| 56 | </table>
|
|---|
| 57 | </td>
|
|---|
| 58 | </tr>
|
|---|
| 59 | <tr>
|
|---|
| 60 | <td style="border: solid 2px #770000">F1</td>
|
|---|
| 61 | <td style="border: solid 2px #007777">F2</td>
|
|---|
| 62 | </tr>
|
|---|
| 63 | </table>
|
|---|
| 64 | </td>
|
|---|
| 65 | <td border="1"><barcode type="EAN13" value="45" style="width: 30mm; height: 6mm; font-size: 4mm"></barcode></td>
|
|---|
| 66 | </tr>
|
|---|
| 67 | <tr>
|
|---|
| 68 | <td border="1"><barcode type="C39" value="Html2Pdf" label="none" style="width: 35mm; height: 8mm"></barcode></td>
|
|---|
| 69 | <td border="1">A2</td>
|
|---|
| 70 | </tr>
|
|---|
| 71 | </table>
|
|---|
| 72 | <br>
|
|---|
| 73 | Exemple avec border et padding : <br>
|
|---|
| 74 | <table style="border: solid 5mm #770000; padding: 5mm;" cellspacing="0" >
|
|---|
| 75 | <tr>
|
|---|
| 76 | <td style="border: solid 3mm #007700; padding: 2mm;"><img src="./res/off.png" alt="" style="width: 20mm"></td>
|
|---|
| 77 | </tr>
|
|---|
| 78 | </table>
|
|---|
| 79 | <img src="./res/off.png" style="width: 10mm;"><img src="./res/off.png" style="width: 10mm;"><img src="./res/off.png" style="width: 10mm;"><img src="./res/off.png" style="width: 10mm;"><img src="./res/off.png" style="width: 10mm;"><br>
|
|---|
| 80 | <br>
|
|---|
| 81 | <table style="border: solid 1px #440000; width: 150px" cellspacing="0"><tr><td style="width: 100%">Largeur : 150px</td></tr></table><br>
|
|---|
| 82 | <table style="border: solid 1px #440000; width: 150pt" cellspacing="0"><tr><td style="width: 100%">Largeur : 150pt</td></tr></table><br>
|
|---|
| 83 | <table style="border: solid 1px #440000; width: 100mm" cellspacing="0"><tr><td style="width: 100%">Largeur : 100mm</td></tr></table><br>
|
|---|
| 84 | <table style="border: solid 1px #440000; width: 5in" cellspacing="0"><tr><td style="width: 100%">Largeur : 5in</td></tr></table><br>
|
|---|
| 85 | <table style="border: solid 1px #440000; width: 80%" cellspacing="0"><tr><td style="width: 100%">Largeur : 80% </td></tr></table><br>
|
|---|
| 86 | </page>
|
|---|
