Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [SQL][CSS][PHP]Zmiana wyglądu i wyśrodkowanie tabelki
tejdi
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 16.02.2015

Ostrzeżenie: (0%)
-----


(IMG:http://www.iv.pl/images/23699765549462378637.png)
  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*

Ten post edytował tejdi 16.02.2015, 19:43:11
Go to the top of the page
+Quote Post
troian
post
Post #2





Grupa: Zarejestrowani
Postów: 184
Pomógł: 2
Dołączył: 3.02.2013

Ostrzeżenie: (0%)
-----


  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

Ten post edytował troian 16.02.2015, 19:53:13
Go to the top of the page
+Quote Post
tejdi
post
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 16.02.2015

Ostrzeżenie: (0%)
-----


Dziękuję bardzo!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 14:03