Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP]Problem z tabelą na stronie...
Forum PHP.pl > Forum > Przedszkole
Enderlanas
26.05.2010, 07:32:36
Witam, mam problem...
Otóż stworzyłem sobie stronę, a na niej 3 tabele. Pierwszą tabelą jest menu po lewej stronie, drugą jest treść strony, a trzecią- statystyki po prawej stronie. Następnie zrobiłem w php skrypt rankingu. I jeśli w nim ustawię, aby wyświetlał 10 największych rekordów, to jest ok, natomiast jeśli ustawię 20 rekordów, to trzeba przewijać stronę, przez co rozjeżdża się prawa tabela, a dokładniej zjeżdża na dół, i jest niżej od tabeli lewej, co brzydko wygląda. Tak wygląda mój kod:

[HTML] pobierz, plaintext 
  1. <?php
  2.  
  3. session_start();
  4.  
  5. if (isset($_SESSION['user_id']) and isset($_SESSION['login']))
  6.  
  7. {
  8. ?>
  9. <html>
  10. <br>
  11. <head>
  12.  
  13. <style type="text/css">
  14. 	@import url(ranking.css);
  15. </style
  16.  
  17.  
  18. <link rel="Stylesheet" type="text/css" href="style.css" />
  19.  
  20.  
  21. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
  22. <meta name="ProgId" content="FrontPage.Editor.Document">
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  24. <meta http-equiv="Content-Language" content="pl">
  25. <title>Jestem hardkorem!</title>
  26. </head>
  27.  
  28. <body>
  29.  
  30. <div align="center">
  31.   <center>
  32.   <table border="0" cellpadding="6" width="946" height="469">
  33.     <tr>
  34.       <td width="143" height="36"></td>
  35.       <td colspan="2" nowrap width="615" height="36">
  36.       <p align="center"><font size="6"> <a href="index.php"><img src="logo.png" border="0"></a></font></td>
  37.       <td width="144" height="36"></td>
  38.     </tr>
  39.     <tr>
  40.       <td valign="top" width="143" height="405"><center>
  41. <?php
  42. require('lewemenu.php');
  43. ?>
  44.       <td valign="top" width="584" height="405"><marquee><b><u><?php include('szybkinews.txt'); ?></b></u></marquee><p>
  45.       <font size="2"><h1><b><u>Ranking</u></b></h1><p>
  46.  
  47.  
  48.  
  49.  
  50. <script language="JavaScript" type="text/javascript" src="wz_tooltip.js"></script>
  51.  <center>
  52. <?php
  53. require('conn.php');
  54.  
  55. $wynik = mysql_query("SELECT * FROM user ORDER BY doswiadczenie DESC LIMIT 10")
  56. or die('Błšd zapytania');
  57.  
  58.  
  59. if(mysql_num_rows($wynik) > 0) {
  60.     /* jeżeli wynik jest pozytywny, to wy?wietlamy dane */
  61.     echo "<table cellpadding=\"2\" border=\"0\" bordercolor=\"white\" width=\"400\" id=\"ranking\">";
  62.     while($r = mysql_fetch_assoc($wynik)) {
  63.         echo "<tr>";
  64.  
  65. echo "<td onmouseover=\"Tip('Nick')\" onmouseout=UnTip() class=\"mov11\" href=\"java script:void(0)\">".$r['login']."</td>";
  66.  
  67. echo "<td onmouseover=\"Tip('Doświadczenie')\"
  68. onmouseout=UnTip() class=\"mov11\" href=\"java script:void(0)\" bordercolor=\"white\">".$r['doswiadczenie']."</td>";
  69.  
  70. echo "<td onmouseover=\"Tip('Respekt')\"
  71. onmouseout=UnTip() class=\"mov11\" href=\"java script:void(0)\" bordercolor=\"white\">".$r['respekt']."</td>";
  72.  
  73. echo "<td onmouseover=\"Tip('Kasa')\"
  74. onmouseout=UnTip() class=\"mov11\" href=\"java script:void(0)\" bordercolor=\"white\">".$r['kasa']."</td>";
  75.  
  76. echo "<td onmouseover=\"Tip('Poziom')\"
  77. onmouseout=UnTip() class=\"mov11\" href=\"java script:void(0)\" bordercolor=\"white\">".$r['poziom']."</td>";
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.       echo "</tr>";
  86.     }
  87.     echo "</table>";
  88.     }
  89. ?>
  90. </body>
  91. </i></font></td>
  92.       <td valign="top" width="0" height="405"></td>
  93.       <td width="144" height="405">
  94.       <div align="center" style="width: 144; height: 458">
  95.         <center>
  96.         <font size="2">
  97.  
  98.  
  99. <?php
  100. require('prawemenu.php');
  101. ?>
  102.         <table border="0" cellPadding="6" width="96%">
  103.  
  104.  
  105.    <p><font size="2"><strong><center></strong></font><font size="3"><br><br>
  106.             </font><font size="2"><center>
  107.  
  108.  
  109.             </center></td>
  110.           </tr>
  111.         </table>
  112.         </center>
  113.       </div>
  114. &nbsp;</td>
  115.     </tr>
  116.   </table>
  117.   </center>
  118. </div>
  119.  
  120.  
  121. <?php
  122. }
  123.  
  124. else
  125.  
  126. {
  127.  
  128. echo "Nie jesteś zalogowany";
  129. header("Location: logowanie.php");
  130.  
  131.  
  132.  
  133. }
  134. ?>
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142. </body>
  143.  
  144. </html>
  145. <center>Stworzone przez Arthesa, wszelkie prawa zastrzeżone.
[HTML] pobierz, plaintext

Mam nadzieję, że ktoś pomoże.
Pozdrawiam ;>
Belze
26.05.2010, 09:12:07
błędem jest generalne użycie tabel do formatowania layoutu strony.

spróbuj:


[HTML] pobierz, plaintext 
  1. <div id="container">
  2.       <div id="menu-lewo">blabla</div>
  3.       <div id="tresc-strony">wynik działania skryptu</div>
  4.       <div id="statystyki-prawo">blabla</div>
  5. </div>
[HTML] pobierz, plaintext


i css:

[HTML] pobierz, plaintext 
  1. #container {
  2. width: 100%;
  3. }
  4.  
  5. #menu-lewo {
  6. float:left;
  7. width: 15em;
  8. height: 500px;
  9. }
  10.  
  11. #statystyki-prawo {
  12. float:right;
  13. width:15em;
  14. height: 500px;
  15. }
  16.  
  17. #tresc-strony {
  18. margin: 0 15em 0 15em;
  19. padding: 2em;
  20. }
[HTML] pobierz, plaintext


wysokosc wstawilem dowolna
tehaha
26.05.2010, 13:21:12
nie dziw się, że masz problemy skoro:
1. strukturę opierasz o tabele.
2. w tabelach masz nie równe ilości komórek
3. używasz tagów w nie odpowiednim miejscu : <br> między <html> a <head>?questionmark.gif albo ten kawałek centera na samym końcu??
4. używasz zdeprecjonowanych tagów takich jak: <center>, <font>
5. nie zachowana kolejność tagów: <p><font size="2"><strong><center></strong></font><font size="3"><br><br></font><font size="2"><center>
6. zaczynasz tagi i ich nie kończysz albo na odwrót

właściwie to wygląda to tak jakbyś sam tego nie pisał tylko używał jakiegoś edytora wysiwyg

więc nic dziwnego że to się sypie, już nie mówiąc o tym, że pewnie pod każdą inną przeglądarką inaczej w inną stronę się sypie
lobopol
26.05.2010, 13:33:49
Bo on używał <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
Enderlanas
26.05.2010, 14:03:26
To już nie można używać front page zamiast notatnika? Przynajmniej na szybko mogę podglądnąć, jak wszystko wygląda. A po zapisaniu on dodaje informację taką, jak powyżej, a mi się nie chciało bawić w usuwanie.
thek
26.05.2010, 20:53:17
Tu nie chodzi, że nie możesz używać, ale to, że FrontPage tak sieka kod, że głowa boli. Do tego używa zdeprecjonowanych znaczników a co gorsze, robi to w sposób niechlujny i kod przez to zajmuje o wiele więcej niż powinien. By to ująć obrazowo... To tak jakbyś chciał badać żołądek krojąc pacjenta. Niby można, ale nie lepiej użyć sondy? Mniej problemów, mniej komplikacji późniejszych a i pacjent szybciej dochodzi do siebie smile.gif
fourup
27.05.2010, 07:42:15
Cytat(Enderlanas @ 26.05.2010, 15:03:26 ) *
To już nie można używać front page zamiast notatnika? Przynajmniej na szybko mogę podglądnąć, jak wszystko wygląda. A po zapisaniu on dodaje informację taką, jak powyżej, a mi się nie chciało bawić w usuwanie.


Ja - jako początkujący - znalazłem kiedyś (ktoś mi na jednym z forów polecił) coś takiego: MAX's HTML Beauty++ 2004 (tutaj do pobrania ZA FREE: http://www.htmlbeauty.com/ ) - polecam szczerze - sam go męczę od dawna i nie zawiodłem się jeszcze.

kolorowanie składni dla różnych języków, obsługa składni html, php, js, css, cgi i kilku innych. Posiada podglądaczkę, jednak strony tworzy się oldscoolowo - klawiaturą, a nie myszką (jak w wysiwygach - blee). Ma na prawdę ogromne możliwości, zajmuje mało miejsca (wiem... teraz głupi laptok ma 500GB twardego i 4 GB ramu, ale ja zaczynałem jeszcze w czasach kiedy optymalizacja kodu koniecznością, bo miałem do dyspozycji 16kb na cały program!), szybki, stabilny... Jednym słowem - warto sprawdzić... winksmiley.jpg
Belze
27.05.2010, 08:32:18
jak człowiek nei ma ochoty wgłębiać się poważniej w temat html+css o php nie wspominając, jako edytor wysiwyg najlepiej używać Dreamwaver, minus, że drogi, plus, że najlepszy wysiwyg na rynku - i robi o wiele mniejszy burdel niż frontpage (używanie FP powinno być zakazane!)
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.