[Summary view] [Print] [Text view]

   1  <?php
   2  $content = 'A Test overflow<br>A Test overflow<br>A Test overflow<br>
   3  <img src="./res/logo.gif" alt="logo" style="width: XXXmm"><br>
   4  B Test overflow<br>B Test overflow<br>B Test overflow<br>
   5  <img src="./res/logo.gif" alt="logo" style="width: XXXmm"><br>
   6  C Test overflow<br>C Test overflow<br>C Test overflow<br>';
   7  ?>
   8  <style type="text/css">
   9  <!--
  10  div.zone
  11  {
  12      border: solid 2mm #66AACC;
  13      border-radius: 3mm;
  14      padding: 1mm;
  15      background-color: #FFEEEE;
  16      color: #440000;
  17  }
  18  div.zone_over
  19  {
  20      width: 30mm;
  21      height: 35mm;
  22      overflow: hidden;
  23  }
  24  
  25  -->
  26  </style>
  27  <page style="font-size: 10pt">
  28      <span style="font-size: 16pt ; font-weight: bold">Démonstration des images</span><br>
  29      <br>
  30      <b>Dans un tableau :</b><br>
  31      <table style="width: 50%;border: solid 3px #5544DD" align="center">
  32          <tr>
  33              <td style="width: 30%; text-align: left; ">Text à gauche<br>avec retour à<br>la ligne</td>
  34              <td style="width: 40%; text-align: center;"><img src="./res/logo.gif" alt="" ><br><i>légende</i></td>
  35              <td style="width: 30%; text-align: right; ">Texte à droite</td>
  36          </tr>
  37      </table>
  38      <br>
  39      Texte <span style="text-decoration: underline">souligné</span>,
  40      texte <span style="text-decoration: overline">surligné</span>,
  41      texte <span style="text-decoration: line-through">barré</span>,
  42      texte <span style="text-decoration: underline overline line-through">avec les trois</span>.<br>
  43      <br>
  44      <b>Dans un texte :</b><br>
  45      texte à la suite d'une image, <img src="./res/logo.gif" alt="" style="height: 10mm">
  46      texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
  47      texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
  48      texte à la suite d'une image, répétitif car besoin d'un retour à la ligne
  49      texte à la suite d'une image, répétitif car besoin d'un retour à la ligne<br>
  50      <br>
  51      <br>
  52      Test différentes tailles texte
  53      <span style="font-size: 18pt;">Test Size</span>
  54      <span style="font-size: 16pt;">Test Size</span>
  55      <span style="font-size: 14pt;">Test Size</span>
  56      <span style="font-size: 12pt;">Test Size</span>
  57      Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
  58      Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
  59      Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
  60      Test différentes tailles texte, répétitif car besoin d'un retour à la ligne
  61      <br>
  62      <br>
  63      <b>Exemple de couleur : </b><br>
  64      <span style="color: RGB(255, 0, 0)">Texte de couleur</span><br>
  65      <span style="color: RGB(0., 1., 0.)">Texte de couleur</span><br>
  66      <span style="color: RGB(0, 0, 100%)">Texte de couleur</span><br>
  67      <span style="color: CMYK(255, 0, 0, 0)">Texte de couleur</span><br>
  68      <span style="color: CMYK(0., 1., 0., 0.)">Texte de couleur</span><br>
  69      <span style="color: CMYK(0, 0, 100%, 0)">Texte de couleur</span><br>
  70      <span style="color: CMYK(0, 0, 0, 255)">Texte de couleur</span><br>
  71      <br>
  72      <table>
  73          <tr style="vertical-align: top">
  74              <td>
  75                  <u>Exemple 0 :</u><br><br>
  76                  <div class="zone" ><?php echo str_replace('XXX', '40', $content); ?></div>
  77                  sans overflow
  78              </td>
  79              <td>
  80                  <u>Exemple 1 :</u><br><br>
  81                  <div class="zone zone_over" style="text-align: left; vertical-align: top; "><?php echo str_replace('XXX', '40', $content); ?></div>
  82                  hidden left top
  83              </td>
  84              <td>
  85                  <u>Exemple 2 :</u><br><br>
  86                  <div class="zone zone_over" style="text-align: center; vertical-align: middle;"><?php echo str_replace('XXX', '40', $content); ?></div>
  87                  hidden center middle
  88              </td>
  89              <td>
  90                  <u>Exemple 3 :</u><br><br>
  91                  <div class="zone zone_over" style="text-align: right; vertical-align: bottom;"><?php echo str_replace('XXX', '40', $content); ?></div>
  92                  hidden right bottom
  93              </td>
  94          </tr>
  95          <tr style="vertical-align: top">
  96              <td>
  97                  <u>Exemple 0 :</u><br><br>
  98                  <div class="zone" ><?php echo str_replace('XXX', '20', $content); ?></div>
  99                  sans overflow
 100              </td>
 101              <td>
 102                  <u>Exemple 1 :</u><br><br>
 103                  <div class="zone zone_over" style="text-align: left; vertical-align: top; "><?php echo str_replace('XXX', '20', $content); ?></div>
 104                  hidden left top
 105              </td>
 106              <td>
 107                  <u>Exemple 2 :</u><br><br>
 108                  <div class="zone zone_over" style="text-align: center; vertical-align: middle;"><?php echo str_replace('XXX', '20', $content); ?></div>
 109                  hidden center middle
 110              </td>
 111              <td>
 112                  <u>Exemple 3 :</u><br><br>
 113                  <div class="zone zone_over" style="text-align: right; vertical-align: bottom;"><?php echo str_replace('XXX', '20', $content); ?></div>
 114                  hidden right bottom
 115              </td>
 116          </tr>
 117      </table>
 118  </page>