Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [wolontariat]tabela na div
nospor
post
Post #1





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004




Potrzebuję pomocy osoby, która zamieni mi poniższą tabelkę na same DIVy tak, by wyglądało tak samo jak by to było w tabelce
  1. <table style="border:1px solid black;">
  2. <tr >
  3. <td rowspan="3" style="text-align:center;">
  4. Imię
  5. </td>
  6.  
  7. <td rowspan="3" style="text-align:center;">
  8. Nazwisko
  9. </td>
  10. <td colspan="13" style="padding-left:1px !important;padding-right:1px !important;text-align:center;">
  11. Tytuł
  12. </td>
  13. </tr>
  14. <tr >
  15. <td colspan="13" style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:85%">2012-02</td>
  16. </tr>
  17. <tr >
  18. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">02</td>
  19. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">04</td>
  20. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">06</td>
  21. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">08</td>
  22.  
  23. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">10</td>
  24. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">12</td>
  25. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">14</td>
  26. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">16</td>
  27. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">18</td>
  28. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">20</td>
  29.  
  30. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">22</td>
  31. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">24</td>
  32. <td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">26</td>
  33. </tr>
  34.  
  35. <tr >
  36. <td >
  37. Jan
  38. </td>
  39. <td>
  40. Kowalski
  41. </td>
  42. <td colspan="13" style="vertical-align: top;padding-left:0px !important;padding-right:1px !important;">
  43. Blabla
  44. </td>
  45. </tr>
  46. <tr >
  47. <td >
  48. Jan
  49. </td>
  50. <td>
  51. Kowalski
  52. </td>
  53. <td colspan="13" style="vertical-align: top;padding-left:0px !important;padding-right:1px !important;">
  54. Blabla
  55. </td>
  56. </tr>
  57. </tbody>
  58. </table>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


O coś takiego ci chodzi (bez ie6 jak chcesz z ie6 to podmień first-child na jakąś klasę)?
  1. .table{
  2. border: 1px solid black;
  3. float: left;
  4. font-size: 10px;
  5. }
  6. .tr {
  7. overflow: hidden;
  8. }
  9. .tr div {
  10. float: left;
  11. width: 58px;
  12. word-wrap: break-word;
  13. text-align: center;
  14. padding: 0 1px;
  15. }
  16. .tr.body div:first-child{
  17. padding-left: 116px; /*2 razy szerokość*/
  18. }
  19. .tr .title{
  20. width: 754px; /*13 * szerokość rzędu*/
  21. }
  22. .tr.date div{
  23. width: 754px;
  24. float: none;
  25. padding-left: 121px; /*2 razy szerokość jednego rzędu + paddingi*/
  26. }
  27. </style>
  28. <div class="table">
  29. <div class="tr">
  30. <div>Imię</div>
  31. <div>Nazwisko</div>
  32. <div class="title">Tytuł</div>
  33. </div>
  34. <div class="tr date">
  35. <div>
  36. 2012-02
  37. </div>
  38. </div>
  39. <div class="tr body">
  40. <div>02</div>
  41. <div>04</div>
  42. <div>06</div>
  43. <div>08</div>
  44. <div>10</div>
  45. <div>12</div>
  46. <div>14</div>
  47. <div>16</div>
  48. <div>18</div>
  49. <div>20</div>
  50. <div>22</div>
  51. <div>24</div>
  52. <div>26</div>
  53. </div>
  54. <div class="tr">
  55. <div>Jan</div>
  56. <div>Kowalski</div>
  57. <div>Blabla</div>
  58. </div>
  59. <div class="tr">
  60. <div>Jan</div>
  61. <div>Kowalski</div>
  62. <div>Blabla</div>
  63. </div>
  64. </div>


Ten post edytował lobopol 17.02.2012, 21:11:18
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.10.2025 - 11:52