[Summary view] [Print] [Text view]

   1  <style type="text/css">
   2  <!--
   3  div.special { margin: auto; width:95%; border:1px solid #000000; padding: 2px; }
   4  div.special table { width:100%; border:1px solid #000000; font-size:10px; border-collapse:collapse; }
   5  .topLeftRight     { border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
   6  .topLeftBottom    { border-top:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000; }
   7  .topLeft          { border-top:1px solid #000; border-left:1px solid #000; }
   8  .bottomLeft       { border-bottom:1px solid #000; border-left:1px solid #000; }
   9  .topRight         { border-top:1px solid #000; border-right:1px solid #000; }
  10  .bottomRight      { border-bottom:1px solid #000; border-right:1px solid #000; }
  11  .topRightBottom   { border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; }
  12  -->
  13  </style>
  14  <page style="font-size: 16px" >
  15      Vous pouvez choisir le format et l'orientation de votre document, en utilisant ceci :<br>
  16      <br>
  17      &lt;page orientation="portrait" format="A5" &gt; <i>A5 en portrait</i> &lt;/page&gt; <br>
  18      <br>
  19      &lt;page orientation="paysage" format="100x200" &gt; <i>100mm x 200mm en paysage</i> &lt;/page&gt;<br>
  20      <br>
  21      En voici un petit exemple !
  22  </page>
  23  <page orientation="paysage" style="font-size: 18px">
  24      Ceci est une page en paysage<br>
  25      <table style="width: 100%; border: solid 1px #FFFFFF;">
  26          <tr>
  27              <td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
  28              <td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
  29              <td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
  30          </tr>
  31          <tr>
  32              <td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
  33              <td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
  34              <td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
  35          </tr>
  36          <tr>
  37              <td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
  38              <td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
  39              <td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
  40          </tr>
  41      </table>
  42      <div style="width: 70%; border: solid 1mm #770000; margin: 1mm; padding: 2mm; font-size: 4mm; line-height: normal; text-align: justify">
  43          <img src="./res/logo.gif" alt="logo html2pdf" style="float: left; width: 60mm; margin: 2mm;">
  44          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
  45          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
  46      </div>
  47      <div style="width: 70%; border: solid 1mm #770000; margin: 1mm; padding: 2mm; font-size: 4mm; line-height: 150%;text-align: right;">
  48          <img src="./res/logo.gif" alt="logo html2pdf" style="float: right; width: 60mm; margin: 2mm; ">
  49          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
  50      </div>
  51      <fieldset style="width: 70%; border: solid 1mm #770000; margin: 1mm; padding: 2mm; padding-top: 0mm; font-size: 4mm; line-height: normal; background: #FFFFFF;">
  52          <legend style=" background: #FFFFFF; padding: 1; border: solid 1px #440000;">Ceci est un exemple de fieldset</legend>
  53          <img src="./res/logo.gif" alt="logo html2pdf" style="float: left; width: 60mm; margin: 2mm; ">
  54          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
  55          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum, nibh eu ultricies scelerisque, est lorem dignissim elit, quis tempus tortor eros non ipsum. Mauris convallis augue ac sapien. In scelerisque dignissim elit. Donec consequat semper lectus. Sed in quam. Nunc molestie hendrerit ipsum. Curabitur elit risus, rhoncus ut, mattis a, convallis eu, neque. Morbi luctus est sit amet nunc. In nisl. Donec magna libero, aliquet eu, vestibulum ut, mollis sed, felis.
  56      </fieldset>
  57  </page>
  58  <page orientation="portrait" format="150x200" style="font-size: 18px">
  59      Ceci est une page en portrait de 150mm x 200mm<br>
  60      <table style="width: 100%; border: solid 1px #FFFFFF;">
  61          <tr>
  62              <td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
  63              <td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
  64              <td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
  65          </tr>
  66          <tr>
  67              <td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
  68              <td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
  69              <td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
  70          </tr>
  71          <tr>
  72              <td style="width: 30%; border: solid 1px #FF0000;">AAA</td>
  73              <td style="width: 40%; border: solid 1px #00FF00;">BBB</td>
  74              <td style="width: 30%; border: solid 1px #0000FF;">CCC</td>
  75          </tr>
  76      </table>
  77      <br>
  78      <div class="special">
  79          <table>
  80              <tr>
  81                  <td colspan="2" class="topLeftRight" style="width: 100%; text-align:left;border-bottom:1px dashed #000000">blabla blabla</td>
  82              </tr>
  83              <tr>
  84                  <td class="bottomLeft" style="width:70%;border-right:1px dashed #000000;text-align:left;">blabla blabla</td>
  85                  <td class="bottomRight" style="width: 30%; text-align:left;vertical-align:top;">Date :<br /> Signature :</td>
  86              </tr>
  87          </table>
  88      </div>
  89  </page>