Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] pytanie o tabelę
Forum PHP.pl > Forum > Przedszkole
dr4g0n79
25.04.2007, 10:56:47
Witam
mam taki problemik moja tabela zawiera 3 kolumny pierwszą kolumnę mam podzieloną na kilkanaście wierszy druga kolumna nie jest podzielona na wiersze i trzecia kolumna nie jest także podzielona. i teraz jak wpisuję coś do drugiej kolumny i mi się nie miesći tekst to rzeczą naturalną jest że poszerza się ona w dół ale poszerzają mi się też poszczególne (wszystkie) wiersze w pierwszej kolumnnie, co powoduje że strona mi się rozjeżdża już próbowałem rozwiązać to w ten sposób iż wszystkie wiersze w pierwszej kolumnie ustawiłem i wysokość w pikselach zostawiając tylko ostatni wiersz bez zdefionowanej wysokości miałem nadzieję, iż tylko ten ostatni pusty o nie zdefiniowanej wysokości będzie się zwiększał (taki regulator z niego chciałem zrobić) jednak nie w dalszym ciągu powiększają się wszystkie czy ma ktoś jakiś pomysł jak temu zaradzić. Czy jedynym wyjściem jest zbudowanie układu na divach??
kossa
25.04.2007, 11:09:50
Cytat
Czy jedynym wyjściem jest zbudowanie układu na divach??


nie, wystarczy prawidłowo skonstruować tabelę i wiedzieć jak ona "funkcjonuje".

wykorzystaj rowspan, collspan... może się przyda

możesz też wklepić kod Twojej tabeli bo z opisu ta nic nie wiadomo

Łukasz
dr4g0n79
25.04.2007, 11:22:32 
[HTML] pobierz, plaintext 
  1. <table border="0" cellpadding="0" cellspacing="0" width="850" id="table1">
  2. 		<tr>
  3. 			<td colspan="5" width="850" height="301" valign="top">
  4. 			nagłowek</td>
  5. 		</tr>
  6. 		<tr>
  7. 			<td width="51" style="background-repeat: repeat-y" height="21" rowspan="2"> </td>
  8. 			<td colspan="3" width="740" style="background-repeat: no-repeat; font-family:Bookman Old Style; color:#000000; font-size:8pt" bgcolor="#FFFFFF" height="11">
  9. 			<p align="left"></td>
  10. 			<td width="59" style="background-repeat: no-repeat" height="21" rowspan="2"> </td>
  11. 		</tr>
  12. 		<tr>
  13. 			<td colspan="3" width="740" style="background-repeat: no-repeat; font-family:Bookman Old Style; color:#000000; font-size:8pt" bgcolor="#FFFFFF" height="10">
  14. 			<p align="right"> </td>
  15. 		</tr>
  16. 		<tr>
  17. 			<td style="background-repeat: repeat-y" width="51" rowspan="29"> </td>
  18. 			<td style="background-repeat: no-repeat" width="163" height="20" bgcolor="#FFFFFF">
  19. 			menu1</td>
  20. 			<td style="background-repeat: no-repeat" width="11" valign="top" bgcolor="#FFFFFF" rowspan="28"> </td>
  21. 			<td style="background-repeat: no-repeat; font-family:Verdana; font-size:8pt" width="566" valign="top" rowspan="28"><p align="justify">
  22. <br>
  23. <br>
  24.  
  25.  
  26. 			<p align="justify">
  27.  
  28. jak się tutaj wpisuje tekst i się nie mieści to komórki (wiersze po lewej 
  29. stronie rozciągają się) - tam gdzie jest menu</td>
  30. 			<td style="background-repeat: repeat-y" width="59" rowspan="29"> </td>
  31. 		</tr>
  32. 		<tr>
  33. 			<td style="background-repeat: no-repeat; font-size:10pt" width="163" bgcolor="#FFFFFF" height="20">
  34. 			menu2</td>
  35. 		</tr>
  36. 		<tr>
  37. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  38. 			menu3</td>
  39. 		</tr>
  40. 		<tr>
  41. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  42. 			manu4</td>
  43. 		</tr>
  44. 		<tr>
  45. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  46. 			 </td>
  47. 		</tr>
  48. 		<tr>
  49. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  50. 			 </td>
  51. 		</tr>
  52. 		<tr>
  53. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  54. 			 </td>
  55. 		</tr>
  56. 		<tr>
  57. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  58. 			 </td>
  59. 		</tr>
  60. 		<tr>
  61. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  62. 			 </td>
  63. 		</tr>
  64. 		<tr>
  65. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  66. 			 </td>
  67. 		</tr>
  68. 		<tr>
  69. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  70. 			 </td>
  71. 		</tr>
  72. 		<tr>
  73. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20">
  74. 			 </td>
  75. 		</tr>
  76. 		<tr>
  77. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  78. 		</tr>
  79. 		<tr>
  80. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  81. 		</tr>
  82. 		<tr>
  83. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  84. 		</tr>
  85. 		<tr>
  86. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  87. 		</tr>
  88. 		<tr>
  89. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  90. 		</tr>
  91. 		<tr>
  92. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  93. 		</tr>
  94. 		<tr>
  95. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  96. 		</tr>
  97. 		<tr>
  98. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  99. 		</tr>
  100. 		<tr>
  101. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  102. 		</tr>
  103. 		<tr>
  104. 			<td style="background-repeat: no-repeat; " width="163" bgcolor="#FFFFFF" height="20"> </td>
  105. 		</tr>
  106. 		<tr>
  107. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="132">
  108. 			<p align="center">
  109. 			 </td>
  110. 		</tr>
  111. 		<tr>
  112. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" valign="top" height="20">
  113. 			<p align="right">
  114. 			 </td>
  115. 		</tr>
  116. 		<tr>
  117. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="20"> </td>
  118. 		</tr>
  119. 		<tr>
  120. 			<td style="background-repeat: no-repeat; " width="163" bgcolor="#FFFFFF" height="20"> </td>
  121. 		</tr>
  122. 		<tr>
  123. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="100">
  124. 			 </td>
  125. 		</tr>
  126. 		<tr>
  127. 			<td style="background-repeat: no-repeat" width="163" bgcolor="#FFFFFF" height="434"> </td>
  128. 		</tr>
  129. 		<tr>
  130. 			<td colspan="3" style="background-repeat: no-repeat; border-top-style:solid; border-top-width:1px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" width="732" bgcolor="#FFFFFF" align="center" bordercolor="#000000" height="116">
  131. 			<p align="center"> </td>
  132. 		</tr>
  133. 		<tr>
  134. 			<td colspan="5" style="background-repeat: no-repeat" width="850" height="20"> </td>
  135. 		</tr>
  136. 		<tr>
  137. 			<td colspan="5" style="background-repeat: no-repeat" width="850" height="10">
  138. 			<p align="center"></td>
  139. 		</tr>
  140. 		<tr>
  141. 			<td colspan="5" style="background-repeat: no-repeat" width="850" height="10">
  142. 			</td>
  143. 		</tr>
  144. 	</table>
[HTML] pobierz, plaintext
Darti
25.04.2007, 11:35:22
Może zamiast dzielić na wiersze tą kolumnę wstaw tam tylko jedną komórkę z valign="top" i w tą komórkę wstaw tabelę podzieloną na wiersze.
dr4g0n79
25.04.2007, 11:54:37
dzieki tabela w tabeli to chyba jest to sprawdziłem pobieznie ale na 99% będzie OK!!! tylko słyszałem, że takie rozwiązania to raczej się nie powinno stosować bo niektóre przeglądarki mają z tym problem czy to prawda??
Darti
25.04.2007, 12:02:29
To jest jedno z najstarszych rozwiązań jakie pamiętam, raczej nigdy nie miałem problemów z niekompatybilnością tabel zagnieżdżonych.

pzdr
kossa
25.04.2007, 15:31:03
Tabela w tabei to dla Ciebie (jeżeli nie chcesz wykorzystać układu pudełkowego <div>) najlepsze rozwiązanie i nie ma powodu do obaw smile.gif

Łukasz
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.