[Summary view] [Print] [Text view]

   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 : &lt;br&gt;, &lt;br &gt;, &lt;br/&gt;, &lt;br /&gt; <br />
  15      <br>
  16      Barre horizontale &lt;hr&gt;<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; margin=0">
  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 &euro; &laquo;</td>
  36                          <th style="border: solid 1px #007700;width: 50%">D2 &euro; &laquo;</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>