Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [SQL][CSS][PHP]Zmiana wyglądu i wyśrodkowanie tabelki
Forum PHP.pl > Forum > Przedszkole
tejdi

  1. <?php
  2. function lacz_bd()
  3. {
  4. $db = new mysqli('localhost', 'root', 'mojehaslo', 'mojabaza'); //todziala
  5. if (! $db)
  6. return false;
  7. $db->autocommit(TRUE);
  8. echo 'Połączono';
  9. return $db;
  10. }
  11. //połaczenie z bazą
  12. $db = lacz_bd();
  13. //zapytanie sql do bazy określające jakie dane mają zostać pobrane
  14. $zapytanie = "select name, level, experience from players ORDER BY experience DESC";
  15. //pobranie wyniku zapytania
  16. $wynik = $db->query($zapytanie);
  17. //obliczanie ilości rekordów
  18. $ile_znalezionych = $wynik->num_rows;
  19. //rozpoczynamy budowanie tabeli dla naszych danych
  20. echo '<div class="content">';
  21. echo '<table id="highscores">';
  22. //pętla po rekordach z bazy
  23. for ($i=0; $i <$ile_znalezionych; $i++)
  24. {
  25. $wiersz = $wynik->fetch_assoc();
  26. echo '<tr>';
  27. echo '<td>'.$wiersz['name'].'</td>';
  28. echo '<td>'.$wiersz['level'].'</td>';
  29. echo '<td>'.$wiersz['experience'].'</td>';
  30. echo '</tr>';
  31. }
  32. echo '</table>';
  33. echo '</div>';
  34. ?>


Mój .css
  1. .content {
  2. text-align: center;
  3. background-image: url(../img/scroll.gif);
  4. white-space: pre-line;
  5. font-size: 1.0em;
  6. padding: 30px;
  7. }
  8.  
  9. #highscores {
  10. width: 600px;
  11. border: 1px solid black;
  12. border-collapse: collapse;
  13. }


[b][b]Chciałbym jeszcze by u góry tabelki nad "Rook Sample" znajdował się napis: "Nick"
Nad "1" znajdowało się "Poziom"
Nad "666" znajdowało się "Experience"
Dodatkowo chciałbym, żeby tabelka była na środku strony, lecz nie wiem jak to uzyskać *zastrzelcie mnie*
troian
  1. echo '<table id="highscores">';
  2. //pętla po rekordach z bazy
  3. for ($i=0; $i <$ile_znalezionych; $i++)
  4. {
  5. $wiersz = $wynik->fetch_assoc();
  6. echo '<tr>';
  7. echo '<td>'.$wiersz['name'].'</td>';
  8. echo '<td>'.$wiersz['level'].'</td>';
  9. echo '<td>'.$wiersz['experience'].'</td>';
  10. echo '</tr>';
  11. }
  12. echo '</table>';


zamień sobie na
  1. echo '<table id="highscores">';
  2. echo '<tr>';
  3. echo '<td>Nick</td>';
  4. echo '<td>Poziom</td>';
  5. echo '<td>Experience</td>';
  6. echo '</tr>';
  7. //pętla po rekordach z bazy
  8. for ($i=0; $i <$ile_znalezionych; $i++)
  9. {
  10. $wiersz = $wynik->fetch_assoc();
  11. echo '<tr>';
  12. echo '<td>'.$wiersz['name'].'</td>';
  13. echo '<td>'.$wiersz['level'].'</td>';
  14. echo '<td>'.$wiersz['experience'].'</td>';
  15. echo '</tr>';
  16. }
  17. echo '</table>';


co do do wyśrodkowania zamień:
  1. #highscores {
  2. width: 600px;
  3. border: 1px solid black;
  4. border-collapse: collapse;
  5. }


na :
  1. #highscores {
  2. margin: 0 auto;
  3. width: 600px;
  4. border: 1px solid black;
  5. border-collapse: collapse;
  6. }


margin: 0 auto; wyśrodkowywuje element/y
tejdi
Dziękuję bardzo!
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.