Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak zrobić aby tekst się nie rozwalał i strona działała w IE?
Forum PHP.pl > Forum > Przedszkole
h92
29.12.2006, 16:45:16
Mam problem zrobiłem stronę opartą na tabelkach i chciał bym aby tekst w nich zamieszczony nie rozszerzał tabelki gdy będzie go więcej niż przewiduje width i height. Bo normalnie gdy tekstu wpisze za wiele tabelka się zwiększa a ja chcem aby pojawił się scroll. Proszę o pomoc.

A i jak zoptymalizować stronę aby działała w FF i w IE??

Oto kod strony:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  5.   <meta name="Description" content="Oficjalna strona H92">
  6.   <meta name="Keywords" content="h92, programowanie, komputer, php, html, tutoriale">
  7.   <meta http-equiv="Content-Language" content="pl">
  8.   <meta name="Author" content="h92 - Oskar Wójcicki">
  9.   <meta http-equiv="Reply-To" content="hacker92pl@gmail.com">
  10.   <meta http-equiv="Creation-Date" content="Tue, 28 Nov 2006 23:00:00 GMT">
  11.   <meta name="Generator" content="Photoshop + Notatnik tongue.gif">
  12.   <meta name="Authoring_tool" content="Photoshop + Notatnik tongue.gif">
  13.   <meta name="Robots" content="all">
  14.   <meta http-equiv="Expires" content="0">
  15.   <meta http-EQUIV="Cache-Control" content="no-store, no-cache, must-revalidate">
  16.   <meta http-equiv="Cache-Control" content="post-check=0, pre-check=0">
  17.   <meta http-equiv="Pragma" content="no-cache">
  18.   <meta http-equiv="Imagetoolbar" content="no" />
  19.   <title>H92 - HomePage</title>
  20.   <link rel="Stylesheet" type="text/css" href="style.css">
  21.   <script type="text/javascript" src="block.js"></script>
  22. </head>
  23. <body oncontextmenu="return false" oncopy="return false" ondragstart="return false" ondrag="return false" >
  24. <div id="body">
  25. <table align=center cellspacing=0 cellpadding=0>
  26. <tr>
  27. <td><img src=bok_l_g.gif><br><img src=bok_l_s.gif width=28 height=671><br><img src=bok_l_d.gif></td>
  28. <td valign=top>
  29. <table align=center cellspacing=0 cellpadding=0>
  30. <tr>
  31. <td>
  32. <table class=pasek_g align=center cellspacing=0 cellpadding=0>
  33. <tr>
  34. <td width=648 height=12 align=right>
  35. <p>Imieniny</p>
  36. </td>
  37. </tr>
  38. </table>
  39. <table align=center cellspacing=0 cellpadding=0>
  40. <tr>
  41. <td>
  42. <img src=logo.gif>
  43. </td>
  44. </tr>
  45. </table>
  46. <table align=center cellspacing=0 cellpadding=0>
  47. <tr>
  48. <td rowspan=2>
  49. <table class=menu_g align=center cellspacing=0 cellpadding=0>
  50. <tr>
  51. <td width=172 height=25 align=center>
  52. <h5>Menu:</h5>
  53. </td>
  54. </tr>
  55. </table>
  56. </td>
  57. </tr>
  58. <tr>
  59. <td>
  60. <table align=center cellspacing=0 cellpadding=0>
  61. <tr>
  62. <td>
  63. <img src=logo_2.gif width=476 height=11>
  64. </td>
  65. </tr>
  66. <tr>
  67. <td width=476 height=14 align=center>
  68. <table class=pasek_s align=center cellspacing=0 cellpadding=0>
  69. <tr>
  70. <td width=476 height=14 align=center>
  71. <p>Tytół</p>
  72. </td>
  73. </tr>
  74. </table>
  75. </td>
  76. </tr>
  77. </table>
  78. </td>
  79. </tr>
  80. </table>
  81. <table align=center cellspacing=0 cellpadding=0>
  82. <tr>
  83. <td>
  84. <table class=menu_s align=center cellspacing=0 cellpadding=0>
  85. <tr>
  86. <td width=172 height=448 align=left valign=top>
  87. Linki
  88. </td>
  89. </tr>
  90. </table>
  91. </td>
  92. <td>
  93. <table class=tresc align=center cellspacing=0 cellpadding=0>
  94. <tr>
  95. <td width=476 height=431 align=center valign=top>
  96. treść 
  97. </td>
  98. </tr>
  99. </table>
  100. <table class=stopka align=center cellspacing=0 cellpadding=0>
  101. <tr>
  102. <td width=476 height=16 align=center>
  103. <p>By H92</p>
  104. </td>
  105. </tr>
  106. </table>
  107. </td>
  108. </tr>
  109. </table>
  110. </td>
  111. </tr>
  112. </table>
  113. </td>
  114. <td><img src=bok_p_g.gif><br><img src=bok_p_s.gif width=28 height=671><br><img src=bok_p_d.gif></td>
  115. </tr>
  116. </table>
  117. </div>
  118. </body>
  119. </html>
[HTML] pobierz, plaintext
lopik
29.12.2006, 19:33:17
Cytat
zrobiłem stronę opartą na tabelkach i chciał bym aby tekst w nich zamieszczony nie rozszerzał tabelki

Zrób (naucz się) stronę na div'ach, i poczytaj o xhtml i css, będziesz 1000x bardziej zadowolony ze swoich zrobionych stron.
div'y to teraz przyszłość, a tabelki tylko do danych tabelkowych.

Zerknij też na arty o pisaniu "semantycznego kodu html"

Naprawdę, to nie jest takie skomplikowane. smile.gif

Pozdrawiam.
lszota
29.12.2006, 23:34:34
dołącz do tabelki następującą informację (przykład):
[HTML] pobierz, plaintext 
  1. <table style='width: 800px; height: 900px;'>
[HTML] pobierz, plaintext

Zamiast pikseli możesz podać procenty
analogicznie możesz podać szerokość i długość dla elementu td
h92
30.12.2006, 23:36:13
Nie działa sad.gif

Cytat(lopik @ 29.12.2006, 19:33:17 ) *
Zrób (naucz się) stronę na div'ach, i poczytaj o xhtml i css, będziesz 1000x bardziej zadowolony ze swoich zrobionych stron.
div'y to teraz przyszłość, a tabelki tylko do danych tabelkowych.

No właśnie zacząłem się bawić divami ale mam z tym problemy bo np w tabelkach mogłem łatwo je połączyć rowspanem lub colspanem a tu jet gorzej nie wiem jak moge połączyć kolumny. Czy ma ktoś może jakiś kurs divów lub coś w tym stylu?
terabit
31.12.2006, 21:57:41
Cytat(h92 @ 30.12.2006, 23:36:13 ) *
Czy ma ktoś może jakiś kurs divów lub coś w tym stylu?

http://www.kurshtml.boo.pl/ - tu masz kurs CSSa smile.gif powinien ci pomóc
plisek
31.12.2006, 22:03:07
moze malo odkrywcze, ale bardzo przydatne winksmiley.jpg kursy css

szcegolnie polecam: ten bo bardzo przejrzyscie napisany


pozdrawiam
h92
1.01.2007, 22:18:01
Dzienx przyda się na pewno
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.