Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Tabela html
Forum PHP.pl > Forum > Przedszkole
ghastblood
Witam,
Czy da radę zrobić taką tabelę w html
http://pssh.pl/mistrzostwa/Ranking_VETTERLI_2011.pdf

jak tak to jak najlepiej zrobić pionowy tekst i jak zrobić elementy tabeli np tam gdzie jest członek (Trzeba scalić colspan=2?questionmark.gif)

kalmaceta
da rade, tabelka + sposób na vertical text
ghastblood
Zrobiłem to tak ale stronie to wygląda. Proszę o jakieś sugestie jak poprawić ten kod może jakoś przez css poprawić. w ten sposób nie zmieszczą się wszystkie terminy.


  1. <title>tabela</title>
  2. .box_rotate {
  3. -moz-transform: rotate(90deg); /* FF3.5+ */
  4. -o-transform: rotate(90deg); /* Opera 10.5 */
  5. -webkit-transform: rotate(90deg); /* Saf3.1+, Chrome */
  6. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */
  7. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
  8. }
  9. </style>
  10. </head>
  11. <table cellspacing="0" cellpadding="0" border="1" color="black" width="100%">
  12. <tr>
  13. <td colspan="17"><center><b><h3>Shooters Ranking: Vetterli 2011 Poland</h3><b></center></td>
  14. </tr>
  15. <tr>
  16. <td rowspan="2" width="20"><div class="box_rotate"><b>Miejsce</div></b></td>
  17. <td rowspan="2">Nazwisko Imię</td>
  18. <td rowspan="2">Klub/Miasto</td>
  19. <td colspan="2" width="5px">Członek</td>
  20. <td rowspan="2" width="5" height="300"><div class="box_rotate"><b>Rocznik</td>
  21. <td rowspan="2" width="5" height="75"><div class="box_rotate"><b>Rekord</td>
  22. <td rowspan="2" width="100" height="75"><div class="box_rotate"><b>Suma punktów</td>
  23. <td colspan="5" height="20">Najlepsze wyniki</td>
  24. <td rowspan="2" width="150" height="75"><div class="box_rotate"><b>Średnia Ważona</td>
  25. <td rowspan="2" width="150" height="300"><div class="box_rotate"><b>Średnia Arytmetyczna</td>
  26. <td rowspan="2" width="300" height="75"><div class="box_rotate"><b>Ilość Startów / Liczba Zawodników</td>
  27. <td rowspan="2" width="150" height="75"><div class="box_rotate"><b>29.01 GROT Płock</td>
  28. </tr>
  29. <tr>
  30. <td width="10" height="50"><div class="box_rotate"><b>PSSH</b></div></td>
  31. <td width="10" height="50"><div class="box_rotate"><b>PZSS</b></div></td>
  32. <td>1</td>
  33. <td>2</td>
  34. <td>3</td>
  35. <td>4</td>
  36. <td>5</td>
  37. </tr>
  38. <tr>
  39. <td rowspan="2">&nbsp;</td>
  40. <td rowspan="2">&nbsp;</td>
  41. <td rowspan="2">&nbsp;</td>
  42. <td rowspan="2">&nbsp;</td>
  43. <td rowspan="2">&nbsp;</td>
  44. <td rowspan="2">&nbsp;</td>
  45. <td rowspan="2">&nbsp;</td>
  46. <td rowspan="2">&nbsp;</td>
  47. <td rowspan="2">&nbsp;</td>
  48. <td rowspan="2">&nbsp;</td>
  49. <td rowspan="2">&nbsp;</td>
  50. <td rowspan="2">&nbsp;</td>
  51. <td rowspan="2">&nbsp;</td>
  52. <td rowspan="2">&nbsp;</td>
  53. <td rowspan="2">&nbsp;</td>
  54. <td colspan="1">\</td>
  55. <td colspan="1">15</td>
  56. </tr>
  57. <tr>
  58. <td>Max</td>
  59. <td>92</td>
  60. </tr>
  61. <tr>
  62. <td>1</td>
  63. <td>Kalinowski Robert</td>
  64. <td>KS "GROT" LOK / Płock</td>
  65. <td>&nbsp;</td>
  66. <td>&nbsp;</td>
  67. <td>&nbsp;</td>
  68. <td>92</td>
  69. <td>92</td>
  70. <td>92</td>
  71. <td>&nbsp;</td>
  72. <td>&nbsp;</td>
  73. <td>&nbsp;</td>
  74. <td>&nbsp;</td>
  75. <td>92,00</td>
  76. <td>92,00</td>
  77. <td>1</td>
  78. <td>92</td>
  79. </tr>
  80. </body>
  81. </html>
  82.  
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.