Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: tabelki w html
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
slash^
Witam

Mam takie dziwne pytanie, czy da się zrobic tak, aby TYLKO 1 z poniższych pól tabelki było "rozciągane", tzn mam takie cos:

  1. <table border="1">
  2. <tr>
  3. <td> 1 </td>
  4. <td rowspan="5"> prawo </td>
  5. </tr>
  6. <tr>
  7. <td> 2 </td>
  8. </tr>
  9. <tr>
  10. <td> 3 </td>
  11. </tr>
  12. <tr>
  13. <td> 4 </td>
  14. </tr>
  15. <tr>
  16. <td> 5 </td>
  17. </tr>


Tworzy się tabelka z dwoma kolumnami i z jednej strony ma 5 wierszy, z drugiej - 1.
Wszystkie wiersze mają atrybut "vertical-align: top". Chcialbym, aby wiersze z lewej kolumny (4 górne wiersze) NIE BYŁY rozciągane, jeżeli w kolumnie prawej zwiększe ilość tekstu (chcę tylko aby powiększał się wiersz 5-ty czyli ostatni).
Czy jest jakiś sposób / trik na takie coś?

Pozdrawiam
hmmm
jezeli zwiekszy sie szerokosc ktorejs z komorek po lewej stronie, automatycznie zostana powiekszona nastepne.
to raczej na pewno, nie mam innego pomyslu.
Dwight
jednym z dobrych rozwiązań jest zastosowanie tabeli w tabeli ja tak robie i jest dobrze
Cysiaczek
A tak wogóle, to tabele są strasznie nieobliczalne. Trzeba uważać, jak sie robi np tabele o szer. 760px, bo wysdtarczy wpisać odpowiednio długi ciąg znaków bez spacji np aaaaaaaaaaaaaaaaaaaaaaaaaaaaa i wtedy tabele sie rozjadą heheheheheheh nienawidzę ich
Strus
Cytat(Dwight @ 2005-03-06 11:11:12)
jednym z dobrych rozwiązań jest zastosowanie tabeli w tabeli ja tak robie i jest dobrze

Jedym słusznym jest nie używanie tabel smile.gif
Dwight
każdy dobry serwis używa tabel...
ja tam nie mam z tym problemów
Cysiaczek
A zrób np trzy kolumny w tabeli i wpakuj daj możliwość pobawienia się np. komentarzami, wpakowywaniem zdjęć przez inne osoby i zobacysz, czy tabele są takie piękne. ja teraz włąśnie knuje jak tu przenieść tabelowy serwis na divy, bo już mnie szlag trafia.
Strus
Cytat(Dwight @ 2005-03-06 12:27:15)
każdy dobry serwis używa tabel...

Jeśli możesz to zdefiniuj ten dobry serwis. Bo chyba mamy inne pojęcia na temat dobrych serwisów. Mówię tu oczywiście o semantyce.
yavaho
Trzeba podac wysokosc tabeli i potem ta ostatnia komorke dac na 100%
  1. <table border="1" height="100%">
  2. <tr>
  3. <td> 1 </td>
  4. <td rowspan="5">prawo</td>
  5. </tr>
  6. <tr>
  7. <td> 2 </td>
  8. </tr>
  9. <tr>
  10. <td> 3 </td>
  11. </tr>
  12. <tr>
  13. <td> 4 </td>
  14. </tr>
  15. <tr>
  16. <td height="100%"> 5 </td>
  17. </tr>
  18.  
  19. albo tabela + divy
  20.  
  21. <table border="1">
  22. <tr>
  23. <td valign="top">
  24. <div>1</div>
  25. <div>2</div>
  26. <div>3</div>
  27. <div>4</div>
  28. <div>5</div>
  29. </td>
  30. <td>prawo</td>
  31. </tr>
  32.  
  33. albo same divy
  34.  
  35. <div style="float: left;">
  36. <div>1</div>
  37. <div>2</div>
  38. <div>3</div>
  39. <div>4</div>
  40. <div>5</div>
  41. </div>
  42. <div style="float: left;">
  43. prawo
  44. </div>
Cysiaczek
To po co divy w tej tabeli? Zastanów się trochę.
Strus
To ja wszystkim programistom skażonym przestarzałą technologią tworzenia stron proponuje to http://helion.pl/ksiazki/pswsta.htm

Przesłanie tej książki to coś w stylu Obudź się nie używaj tabel do layoutu stronu.
yavaho
Cytat(Cysiaczek @ 2005-03-07 05:52:57)
To po co divy w tej tabeli? Zastanów się trochę.
Aby uzyskac w prosty sposob taki efekt jaki chcial @slash^. Mi w niczym nie przeszkadza mieszanie tabel z divami jezeli nie zwieksza to ilosci kodu i jest kompatybilne ze standardem. A jaka jest Twoja propozycja? napisales trzeci post i na razie nie podales zadnego rozwiazania.
Ja tez przeszedlem z tabel na divy i tabele stosuje w skrajnych przypadkach ale przy divach tez czsem szlag mnie trafia bo sa pewne sytuacje ktorych nie da sie w prosty sposob uzyskac stosujac tylko same divy.
Np cos takiego:
  1. <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
  2. <tr>
  3. <td width="200px" height="20px" bgcolor="#eeeeee">1</td>
  4. <td rowspan="3" align="center" bgcolor="#F8F8F8">
  5. <table border="0" width="200px" height="200px" cellpadding="0" cellspacing="10">
  6. <tr>
  7. <td width="100px" height="100px" bgcolor="#cccccc">&nbsp;</td>
  8. <td width="100px" height="100px" bgcolor="#cccccc">&nbsp;</td>
  9. </tr>
  10. <tr>
  11. <td width="100px" height="100px" bgcolor="#cccccc">&nbsp;</td>
  12. <td width="100px" height="100px" bgcolor="#cccccc">&nbsp;</td>
  13. </tr>
  14. </table>
  15. </td>
  16. </tr>
  17. <tr>
  18. <td width="200px" height="20px" bgcolor="#dddddd">2</td>
  19. </tr>
  20. <tr>
  21. <td height="100%" valign="bottom" bgcolor="#cccccc">tekst na samym dole</td>
  22. </tr>
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.