-2

phpとmysqlを使ってプロフィールページに表示したい友達のリストを持っています

しかし、問題はリストを垂直に表示することですが、私が望むのは、各写真を1行に表示するのではなく、3つを1行に表示することです

これがコードです

<?php 
//***********************Displaying Friend List*************************//
$friendListTitle = "";
$friendList = "";
if($friend_array!="")
{
    $friendArray = explode(",", $friend_array);

    $friendArray = array_slice($friendArray,0,6);
    $friendCount = count($friendArray); 
    $friendListTitle = '<div class="title"> '.$username.'\'s Friends('.$friendCount.')</div>';
        //iterating to retrieve what it's needed as values
        $i=0;
        $friendList .='<div  style="background-color:"#CCC"; >'; 
        foreach($friendArray as $frndlist => $value)
        {
            $i++;
            $check_pic = 'members/'.$value.'/image01.jpg';
            if(file_exists($check_pic))
            {
                $frnd_pic = '<a href="profile.php?user_id='.$value.'"><img src = "'.$check_pic.'" width = "52px" border = "1"/></a>';
            }
            else
            {
                $frnd_pic = '<a href="profile.php?user_id='.$value.'"><img src = "members/0/image01.jpg" width = "52px" border = "1"/></a>&nbsp;';
            }
            $sqlName = mysql_query("SELECT first_name, last_name FROM members WHERE user_id= '$value'LIMIT 1") or die(mysql_error());
            while($row = mysql_fetch_array($sqlName))
            {
                $fname = $row['first_name'];
                $lname = $row['last_name'];
                $friendList .= '<div title="'.$fname.' '.$lname.'">'.$frnd_pic.'</div>';
            }
        }
        $friendList.='</div>';
}
?>
4

1 に答える 1

0

デフォルトでは、DIVタグはブロックとして表示され、スペースの行全体を取り、他のタグがそこに配置されるのを防ぐため、divをインラインブロックとして表示するようにしてみてください;）
$friendList .= '<div title="'.$fname.' '.$lname.'" style="display:inline-block;">'.$frnd_pic.'</div>';

于 2013-05-17T12:38:24.270 に答える