example08.php 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <style type="text/css">
  2. <!--
  3. table
  4. {
  5. padding: 0;
  6. border: solid 1mm LawnGreen;
  7. font-size: 12pt;
  8. background: #FFFFFF;
  9. text-align: center;
  10. vertical-align: middle;
  11. }
  12. td
  13. {
  14. padding: 1mm;
  15. border: solid 1mm black;
  16. }
  17. td.div
  18. {
  19. width: 110px;
  20. height: 110px;
  21. text-align: left;
  22. padding: 0
  23. }
  24. td.div div
  25. {
  26. margin: auto;
  27. background: yellow;
  28. border: solid 2px blue;
  29. color: red;
  30. width: 100px;
  31. height: 65px;
  32. text-align: center;
  33. }
  34. -->
  35. </style>
  36. <page backcolor="#AACCFF" backleft="5mm" backright="5mm" backtop="10mm" backbottom="10mm" >
  37. <table>
  38. <tr>
  39. <td class="div"><div style="rotate: 0;">Hello ! ceci <b>est</b> un test !<br><img src="./res/logo.png" style="width: 80px;" alt="logo"></div></td>
  40. <td class="div"><div style="rotate: 270;">Hello ! ceci <b>est</b> un test !<br><img src="./res/logo.png" style="width: 80px;" alt="logo"></div></td>
  41. </tr>
  42. <tr>
  43. <td class="div"><div style="rotate: 90;">Hello ! ceci <b>est</b> un test !<br><img src="./res/logo.png" style="width: 80px;" alt="logo"></div></td>
  44. <td class="div"><div style="rotate: 180;">Hello ! ceci <b>est</b> un test !<br><img src="./res/logo.png" style="width: 80px;" alt="logo"></div></td>
  45. </tr>
  46. </table>
  47. <br>
  48. <table cellspacing="4">
  49. <tr>
  50. <td>a A1</td>
  51. <td>aa A2</td>
  52. <td>aaa A3</td>
  53. <td>aaaa A4</td>
  54. </tr>
  55. <tr>
  56. <td rowspan="2">B1</td>
  57. <td style="font-size: 16pt">B2</td>
  58. <td colspan="2">B3</td>
  59. </tr>
  60. <tr>
  61. <td>C1</td>
  62. <td>C2</td>
  63. <td>C3</td>
  64. </tr>
  65. <tr>
  66. <td colspan="2">D1</td>
  67. <td colspan="2">D2</td>
  68. </tr>
  69. </table>
  70. <hr>
  71. <table>
  72. <tr>
  73. <td colspan="2">CoucouCoucou !</td>
  74. <td>B</td>
  75. <td>CC</td>
  76. </tr>
  77. <tr>
  78. <td>AA</td>
  79. <td colspan="2">CoucouCoucou !</td>
  80. <td>CC</td>
  81. </tr>
  82. <tr>
  83. <td>AA</td>
  84. <td>B</td>
  85. <td colspan="2">CoucouCoucou !</td>
  86. </tr>
  87. </table>
  88. <hr>
  89. <table style="background: #FFFFFF">
  90. <tr>
  91. <td>AA</td>
  92. <td>AA</td>
  93. <td>AA</td>
  94. <td rowspan="2">AA</td>
  95. </tr>
  96. <tr>
  97. <td>AA</td>
  98. <td rowspan="2" colspan="2" >CoucouCoucou !</td>
  99. </tr>
  100. <tr>
  101. <td>AA</td>
  102. <td>CC</td>
  103. </tr>
  104. <tr>
  105. <td colspan="2">D1</td>
  106. <td colspan="2">D2</td>
  107. </tr>
  108. </table>
  109. <hr>
  110. </page>