[Summary view] [Print] [Text view]

   1  <style type="text/css">
   2  <!--
   3  table.tableau { text-align: left; }
   4  table.tableau td { width: 15mm; font-family: courier; }
   5  table.tableau th { width: 15mm; font-family: courier; }
   6  
   7  .ul1
   8  {
   9      list-style-image: url(./res/puce2.gif);
  10  }
  11  .ul1 li
  12  {
  13      color:#F19031;
  14  }
  15  .ul2
  16  {
  17      list-style: square;
  18  }
  19  .ul2 li
  20  {
  21      color:#31F190;
  22  }
  23  .ul3
  24  {
  25      list-style: none;
  26  }
  27  .ul3 li
  28  {
  29      color:#9031F1;
  30  }
  31  -->
  32  </style>
  33  Exemple de liste avec puce personnalisée :<br>
  34  <table style="width: 100%;" >
  35      <tr>
  36          <td style="width: 33%;">
  37              <ul class="ul1">
  38                  <li>Votre ligne 1</li>
  39                  <li>Votre ligne 2</li>
  40                  <li>Votre ligne 3</li>
  41              </ul>
  42          </td>
  43          <td style="width: 34%;">
  44              <ul class="ul2">
  45                  <li>Votre ligne 1</li>
  46                  <li>Votre ligne 2</li>
  47                  <li>Votre ligne 3</li>
  48              </ul>
  49          </td>
  50          <td style="width: 33%;">
  51              <ul class="ul3">
  52                  <li>Votre ligne 1</li>
  53                  <li>Votre ligne 2</li>
  54                  <li>Votre ligne 3</li>
  55              </ul>
  56          </td>
  57      </tr>
  58  </table>
  59  Exemple de caracteres :<br>
  60  <table class="tableau" >
  61      <tr><th>0</th><th>a</th><th>e</th><th>i</th><th>o</th><th>u</th></tr>
  62      <tr><th>1</th><td>&agrave;</td><td>&egrave;</td><td>&igrave;</td><td>&ograve;</td><td>&ugrave;</td></tr>
  63      <tr><th>2</th><td>&aacute;</td><td>&eacute;</td><td>&iacute;</td><td>&oacute;</td><td>&uacute;</td></tr>
  64      <tr><th>3</th><td>&acirc;</td><td>&ecirc;</td><td>&icirc;</td><td>&ocirc;</td><td>&ucirc;</td></tr>
  65      <tr><th>4</th><td>&auml;</td><td>&euml;</td><td>&iuml;</td><td>&ouml;</td><td>&uuml;</td></tr>
  66      <tr><th>5</th><td>&atilde;</td><td> </td><td> </td><td>&otilde;</td><td> </td></tr>
  67      <tr><th>6</th><td>&aring;</td><td> </td><td> </td><td> </td><td> </td></tr>
  68      <tr><th>7</th><td>&euro;</td><td>&laquo;</td><td> </td><td>&oslash;</td><td> </td></tr>
  69  </table>
  70  <br>
  71  <?php
  72      $phrase = "ceci est un exemple avec <b>du gras</b>, ";
  73      $phrase.= "<i>de l'italique</i>, ";
  74      $phrase.= "<u>du souligné</u>, ";
  75      $phrase.= "<u><i><b>et une image</b></i></u> : ";
  76      $phrase.= "<img src='./res/logo.gif' alt='logo' style='width: 15mm'>";
  77  ?>
  78  Table :<br>
  79  <table style="border: solid 1px red; width: 105mm">
  80      <tr><td style="width: 100%; border: solid 1px green; text-align: left; "><?php echo $phrase; ?></td></tr>
  81      <tr><td style="width: 100%; border: solid 1px green; text-align: center;"><?php echo $phrase; ?></td></tr>
  82      <tr><td style="width: 100%; border: solid 1px green; text-align: right; "><?php echo $phrase; ?></td></tr>
  83  </table>
  84  <br>
  85  Div :<br>
  86  <div style="width: 103mm; border: solid 1px green; text-align: left; margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>
  87  <div style="width: 103mm; border: solid 1px green; text-align: center;margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>
  88  <div style="width: 103mm; border: solid 1px green; text-align: right; margin: 1mm 0 1mm 0;padding: 1mm;"><?php echo $phrase; ?></div>