Forum PHP.pl > [SQL][PHP]Problem z odpowiednim wyświetleniem pobranych informacji z tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [SQL][PHP]Problem z odpowiednim wyświetleniem pobranych informacji z tabeli

piotrek1984

29.01.2010, 12:46:15

Witam

Mam malutki problem z odpowiednim wyświetleniem pobranych rekordów z tabeli. Skrypt działa jednak nie potrafię odpowiednio ustawić pobranych danych z bazy. Chciałbym aby zdjęcia userów wyświetlały w jednej linni, natomiast link do profilu w postaci nicku usera centralnie pod zdjęciem. Probowałem coś na tabelkach kombinować, na divach, ale nic nie wychodzi

Panowie, jak to wyświetlić ?

[PHP] pobierz, plaintext 
$zapytanie1="SELECT user_id, user_login, user_zdj FROM users ORDER BY user_id DESC LIMIT 5";
$wykonaj1=mysql_query($zapytanie1);
while ($wiersz = mysql_fetch_row($wykonaj1))
 {
   echo "<div><img src='/web2/image.php?id=".$wiersz[2]."&r=3' WIDTH='81' HEIGHT='81'>
         <a href='/web2/?act=profil&id=".$wiersz[0]."'>".$wiersz[1]."</a></div>";
 }
[PHP] pobierz, plaintext

skowron-line

29.01.2010, 13:02:25

Na przykład tak

[HTML] pobierz, plaintext 
<div style="float:left">
    <div><img src=""></div>
    <div>aaa</div>
</div>
<div style="float:left">
    <div><img src=""></div>
    <div>bbb</div>
</div>
[HTML] pobierz, plaintext

ale znawcy css mogą podać dużo lepsze rozwiązanie.

emtiej

29.01.2010, 14:22:24

[CSS] pobierz, plaintext 
body
{
background-color: white;
}
 
#users
{
    width: 700px;
    border: 1px dashed black;
    min-height: 500px;
    margin: 0 auto;
 
}
    ul, ul li{display: block; list-style: none; margin: 2px; width: 100%;}
    ul li
    {
        width: 200px;
        hegith: 200px;
        border: 1px solid red;
        float: left;
        text-align: center;
    }
 
    li .udawany_obrazek
    {
        width: 200px;
        height: 200px;
        border: 1px dashed green;
    }
[CSS] pobierz, plaintext

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez tytułu</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
 
    <div id="users">
        <ul>
            <li>
                <div class="udawany_obrazek"></div>
                <div class="nick">Tu nick</div>    
            </li>
            <li>
                <div class="udawany_obrazek"></div>
                <div class="nick">Tu nick</div>    
            </li>
            <li>
                <div class="udawany_obrazek"></div>
                <div class="nick">Tu nick</div>    
            </li>
            <li>
                <div class="udawany_obrazek"></div>
                <div class="nick">Tu nick</div>    
            </li>
            <li>
                <div class="udawany_obrazek"></div>
                <div class="nick">Tu nick</div>    
            </li>
            <li>
                <div class="udawany_obrazek"></div>
                <div class="nick">Tu nick</div>    
            </li>
 
        </ul>
    </div>
 
</body>
</html>
 
[HTML] pobierz, plaintext

Ja preferuję taki sposób heh

Efekt jest taki

piotrek1984

2.02.2010, 13:22:09

Dzięki Panowie za pomoc

Ostatecznie zrobiłem to w ten sposób:

[PHP] pobierz, plaintext 
echo "<div style='float:left'>
   <div><center><a href='/web2/?act=profil&id=".$dana[0]."'><img src='/web2/image.php?id=".$dana[2]."&r=3' WIDTH='81' HEIGHT='81'></center></div>
   <div><center><a href='/web2/?act=profil&id=".$dana[0]."'>".$dana[1]."</a></center></div>
   </div>";
[PHP] pobierz, plaintext

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.