Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Tabele
Forum PHP.pl > Forum > Przedszkole
Kamils2
17.11.2006, 15:52:41
wiem ze to glupie ale nei wiem co jest grane :/

chce na stronce zrobic taki

top
-
menu|centralna ramka texty itd..|menu
-
stopka

i ok mam wszystko tylk mi sie wali menu|centralna ramka texty id..|menu

jak by mi mogl ktos zrobic takie cos

menu | centralna | menup

bo my sie rozpada :/ po calosci :/ mozlwie ze cos zlerobie jeszcze dla pewnosci dam wam kody 

[HTML] pobierz, plaintext 
  1. <HTML>
  2. <HEAD>
  3. <META HTTP-EQUIV="Content-Language" CONTENT="pl">
  4. <META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=iso-8859-2">
  5. <META NAME="Copyright" CONTENT="Copyright (c) 2006 Kamils2">
  6. <META NAME="Keywords" CONTENT="Kamils, Kamils2, Kamils, 2, php, mysql, html, css, php i mysql, skrypty, dwonload, tutoriale, poradniki, gotowce, news, photoshop, brushe, tlo, button, grafika, programista, program, pisanie, scripts">
  7. <META NAME="Description" CONTENT="Kamils2 HomePage (v2) - jest to prywatna strona na, której znajdziecie kursy photoshop, php, mysql, html, css. Gorąco polecam.">
  8. <META NAME="Author" CONTENT="Kamils2">
  9. 	<TITLE>
  10. 	Kamils2 HomePage - Lost a piece of network
  11. 	</TITLE>
  12. <LINK rel=stylesheet href="images/theme/style.css" type="text/css">
  13. <BODY><CENTER>
  14. <table CELLSPACING="0" CELLPADDING="0"><tr>
  15. <td class="top">
  16. <img src=/images/theme/gfx/top.gif>
  17. </td></tr><tr>
  18. <td class="odzialka" valign=top>
  19. <img src=/images/theme/gfx/odzial_top.gif>
  20. </td></tr><tr>
  21.  
  22. <td class="menu" valing=top>
  23. <img src=/images/theme/menus/menu.gif>
  24. <a href=index.php class="menu">Home</a>
  25. <a href=index.php class="menu">Archiwum newsów</a>
  26. <a href=index.php class="menu">Księga gosci</a>
  27. <a href=index.php class="menu">Użytkownicy</a><P></P>
  28. <a href=index.php class="menu">O mnie</a> <br>
  29. <img src=/images/theme/menus/tutoriale.gif>
  30. <a href=index.php class="menu">HTML</a>
  31. <a href=index.php class="menu">php</a>
  32. <a href=index.php class="menu">MysQl</a>
  33. <a href=index.php class="menu">CSS</a>  <P></P>
  34. <a href=index.php class="menu">Photoshop</a>
  35. <a href=index.php class="menu">Image Ready</a>
  36. <br>
  37. <img src=/images/theme/menus/reklama.gif><P></P><center>
  38. <A href="http://www.gtafilms.com/" target="_blank">
  39. <IMG src="http://gtafilms.com/button.gif" border=0 alt="GTAFilms.com - Filmy robione w GTA">
  40. </A></center> <P></P>
  41. <img src=/images/theme/menus/shoutbox.gif>
  42. Shout box - system + emoty by Sicko
  43. </td>
  44.  
  45. </tr>
  46.  
  47. <tr><td class="stopka">
  48. <img src=/images/theme/gfx/footer.gif>
  49. </td></tr></table>
  50.  
  51. </CENTER>
  52. </BODY></HTML>
[HTML] pobierz, plaintext


oraz .css

[HTML] pobierz, plaintext 
  1. BODY {
  2. 	Margin: 0;
  3. 	Background-image: URL('/images/theme/gfx/background.gif');
  4. 	Font-family: Verdana;
  5. 	Font-size: 10;
  6. 	color: #FFFFFF;
  7. }
  8.  
  9. TD.top {
  10. 	Background-repeat: no-repeat;
  11. 	Width: 750;
  12. 	Height: 213;
  13. 	Border-left: 1px solid #000000;
  14. 	Border-right: 1px solid #000000;
  15. 	Border-top: 1px solid #000000;
  16. }
  17.  
  18. TD.odzialka {
  19. 	Background-image: URL('/images/theme/gfx/odzial_top.gif');
  20. 	Background-color: #444444;
  21.     Border-left: 1px solid #000000;
  22. 	Border-right: 1px solid #000000;
  23. 	Width: 750;
  24.     Height: 3;
  25. }
  26.  
  27. TD.stopka {
  28. 	Background-color: #232323;
  29.     Border-left: 1px solid #000000;
  30. 	Border-right: 1px solid #000000;
  31. 	Border-bottom: 1px solid #000000;
  32. 	Width: 750;
  33. }
  34.  
  35. TD.menu {
  36. 	Background-color: #232323;
  37. 	Width: 155;
  38. 	Border-left: 1px solid #000000;
  39. 	Border-right: 1px solid #000000;
  40.     Font-size: 10;
  41. }
  42.  
  43. TD.centralna {
  44. 	Background-color: #232323;
  45. 	Width: 450;
  46. 	Border-left: 1px solid #000000;
  47. 	Border-right: 1px solid #000000;
  48.     Font-size: 10;
  49. }
  50.  
  51. TD.menup {
  52. 	Background-color: #232323;
  53. 	Width: 555;
  54. 	Border-left: 1px solid #000000;
  55. 	Border-right: 1px solid #000000;
  56.     Font-size: 10;
  57. }
  58.  
  59. A:active {text-decoration: none; color: #FFFFFF; Font-family: Verdana;}
  60. A:link {text-decoration: none; color: #FFFFFF; Font-family: Verdana;}
  61. A:visited {text-decoration: none; color: #FFFFFF; Font-family: Verdana;}
  62. A:hover {text-decoration: none; color: #FFFFFF; Font-style: Underline; Font-family: Verdana;}
  63.  
  64. .menu {
  65. color: #FFFFFF;
  66. text-decoration: none;
  67. max-width: 155;
  68. display: block;
  69. }
  70.  
  71. a.menu:hover {
  72. color: #FFFFFF;
  73. background: #191919;
  74. text-decoration: none;
  75. max-width: 155;
  76. display: block;
  77. border-left: 5px solid #000000;
  78. }
[HTML] pobierz, plaintext


bardzo prosze jak ktos by mogl zrobic tak jak pisalem wyzej bo mi juz pomyslow zabraklo jak to zorbic :/
zleek
17.11.2006, 19:26:22
przede wszystkim w top i stopka oraz oddzialka powinny miec colspan="3" bo przeciez wlasciwa czesc strony sklada sie z 3 kolumn, a top oddzialka i stopka sa jedna kolumna.
Kamils2
17.11.2006, 22:07:09
wiem juz to rozgryzlem teraz mam tropche iiny problem i bardziej kod zakrecony 

[HTML] pobierz, plaintext 
  1. <table CELLSPACING="0" CELLPADDING="0" wdith="750" align="center">
  2. <tr><td class="top">
  3. <img src=/images/theme/gfx/top.gif>
  4. </td></tr><tr>
  5. <td class="odzialka">
  6. </td></tr><tr>
  7. <!-koniec top start czesc duza-->
  8. <td wdith="750" valing=top>
  9. <!--start menu lewe-->
  10. <table CELLSPACING="0" CELLPADDING="0">
  11. <tr><td valign="top"><table  CELLSPACING="0" CELLPADDING="0"><tr><td class="menu">
  12. <img src=/images/theme/menus/menu.gif>
  13. </td></tr>
  14. <tr><td class="menus">
  15. <a href=index.php>Home</a><br>
  16. <a href=index.php>Archiwum newsów</a><br>
  17. <a href=index.php>Księga gosci</a><br>
  18. <a href=index.php>Linki</a><P></P>
  19. <a href=index.php>O mnie</a><br>
  20. <a href=index.php>Redakcja</a><br>
  21. <a href=index.php>Historia Strony</a><P></P>
  22. <a href=index.php>Użytkownicy</a><br>
  23. </td></tr>
  24. <tr><td class="menu">
  25. <img src=/images/theme/menus/tutoriale.gif>
  26. </td></tr>
  27. <tr><td class="menus">
  28. <b>Webmaster:</b>     <br>
  29. <a href=index.php>HTML</a><br>
  30. <a href=index.php>php</a><br>
  31. <a href=index.php>MySQL</a><br>
  32. <a href=index.php>CSS</a><br>
  33. <a href=index.php>Java script</a><P></P>
  34. <b>Grafika:</b>   <br>
  35. <a href=index.php>Photoshop</a><br>
  36. <a href=index.php>ImageReady</a>
  37. </td></tr>
  38. <tr><td class="menu">
  39. <img src=/images/theme/menus/statystyki.gif>
  40. </td></tr>
  41. <tr><td class="menus">
  42. Odwiedzin: 1 154 548<br>
  43. Dzis: 10 504<br>
  44. On-line: 56<P></P>
  45. Newsów: 506<br>
  46. Tutoriali: 102<br>
  47. Artów: 46<P></P>
  48. Użytkowników: 10 157<br>
  49. Redaktorów: 10<br>
  50. Admininistratorów: 4<P></P>
  51. </td></tr>
  52. <tr><td class="menu">
  53. <img src=/images/theme/menus/shoutbox.gif>
  54. </td></tr>
  55. <tr><td class="menus">
  56. ShoutBox system + emoty by sicko
  57. </td></tr>
  58. </table></td>
  59. <td class="centralna">
  60.  
  61. </td>
  62.  
  63. <td valign="top"><table  CELLSPACING="0" CELLPADDING="0"><tr><td class="menu">
  64. <img src=/images/theme/menus/sonda.gif>
  65. </td></tr>
  66. <tr><td class="menus">
  67. Czy kupisz GTA:VCS? <br>
  68. Tak<br>
  69. Nie
  70. </td></tr>
  71. <tr><td class="menu">
  72. <img src=/images/theme/menus/user.gif>
  73. </td></tr>
  74. <tr><td class="menus">
  75. <b>Logowanie/panel usera</b>
  76. </td></tr>
  77. <tr><td class="menu">
  78. <img src=/images/theme/menus/polecam.gif>
  79. </td></tr>
  80. <tr><td class="menus">
  81. znajomi
  82. </td></tr>
  83. <tr><td class="menu">
  84. <img src=/images/theme/menus/polecam.gif>
  85. </td></tr>
  86. <tr><td class="menus">
  87. polecane od tak
  88. </td></tr>
  89. <tr><td class="menu">
  90. <img src=/images/theme/menus/reklama.gif>
  91. </td></tr>
  92. <tr><td class="menus">
  93. bo wymiana
  94. </td></tr>
  95. </table>
  96.  
  97.  
  98. </table>
  99. </td></tr>
  100.                   <!--start stopka-->
  101.  
  102. <tr><td class="stopka">
  103. <img src=/images/theme/gfx/footer.gif>
  104. </td></tr></table>
[HTML] pobierz, plaintext


i moze mi ktos powiedziec co zrobic zeby te panele boczne sie rozciagaly wedle dlugosci siebie

ze np jak ma centralna ramka dlugosc 1500 px to zeby i te boczne mialy taka dlugosc, jak to zrobic?
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.