Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP] Dwie kolumny
Forum PHP.pl > Forum > Przedszkole
gabcio
Witam,

Mam problem bo chciałbym mieć kolejne 5 wyników obok tych co na zdjęciu.

Czyli dwie kolumny obok siebie w jaki sposób dodać? bo nie mam pomysłów.

KOD:

  1. <link type="text/css" rel="stylesheet" href="templates/style/style.css" />
  2. <!-- top10 -->
  3.  
  4. <div id="top5">
  5. <p style="margin-top: 25px;"><br><img src="templates/images/top5.png" alt="Top 5" class="header" /></p>
  6. <div class="main">
  7.  


  1. <?php
  2. require_once("ustaw/config.php");
  3. $database = mysql_select_db("player");
  4. $query = mysql_query("SELECT * FROM player WHERE name NOT LIKE '[GM]%' AND name NOT LIKE '[GA]%' AND name NOT LIKE '[HA]%' AND name NOT LIKE '[SGM]%' ORDER BY level desc, exp desc limit 10");
  5. $i = 1;
  6.  
  7.  
  8. while($player = mysql_fetch_array($query))
  9.  
  10. if($player["name"] != GM) {
  11.  
  12. echo '<div class="row">
  13. <td><div class="num">'.$i.'.</div>
  14. <div class="name">'.$player['name'].'</div>
  15. <div class="lvl">'.$player["level"].'</div>
  16. </div>';
  17.  
  18. $i++;
  19. }
  20.  


Może ktoś ma jakiś pomysł ?

Załącznik do posta
ZOBACZ
wentph
Nie wiem czy dobrze rozumiem, ale czy nie możesz po prostu dokleić dodatkowych divów?
Vhaeraun
Tak jak poprzednik pisze, zrób dwa divy obok siebie.
Obu divom dajesz float:left, a następnie po nich jakiś element z clear:both.
Jeśli wiesz, że te listy będą miały stałą szerokość, niezależnie od długości nazwy gracza, to możesz oba divy dać do jednego dużego, ze stałą szerokością równą szerokości tych dwóch w środku i ustawić mu własność position:relative, a tym w środku position:absolute i left:0 -dla pierwszego - oraz right:0 - dla drugiego- i też będzie działać. W przypadku tej opcji wydaje mi się, że możesz łatwiej manewrować ustawieniem divów.
Skoro wiesz, że wyników będzie 10, to w kodzie obsługującym bazę daj jakiś licznik, który odliczy 5 wyników, które pójdą do pierwszego div'a, a następne umieści w drugim.
Mam nadzieję, że nie zamotałem bardzo swojej wypowiedzi tongue.gif
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.