我如何移动我的评论,同时保持下面的答复?

时间:2019-05-24 18:31:42

标签: php html css

我正在尝试创建一个评论系统,用户可以在其中留下评论,然后其他用户可以回复这些评论。我希望将实际帖子放置在页面的左侧,将评论放置在页面的右侧,以便用户无需滚动到实际帖子即可阅读评论。我曾尝试使用position:absolute,但后来却与我的回复系统搞混了。有人知道更简单的方法吗?

我的代码

while ($commentrow = mysqli_fetch_assoc($commentresult)) {
                        if (mysqli_num_rows($commentresult)==0) {
                            echo '';
                        }
                        else {
                            $commenterid = $commentrow['userid'];
                            $commentersql = "SELECT * FROM users WHERE userid = '$commenterid'";
                            $commenterresult = mysqli_query($conn, $commentersql);
                            while ($commenterrow = mysqli_fetch_assoc($commenterresult)) {

                                echo     '<div class="PostComments">';

                                    if ($commenterrow['profileimg'] == 1) {
                                        $filename = "profilepics/profile".$commenterid."*";
                                        $fileinfo = glob($filename);
                                        $fileext = explode(".", $fileinfo[0]);
                                        $fileactualext = $fileext[1];
                                        echo "<div class='CommentProfilePicture'><img src='profilepics/profile".$commenterid.".".$fileactualext."?".mt_rand()."'></div>";
                                    }
                                    else {
                                        echo "<div class='CommentProfilePicture'><img src='profilepics/noUser.png'></div>";
                                    }

                                echo     "<div class='CommentUserName'>".$commenterrow['userName']."</div>";
                                echo    "<div class='CommenterComment'>".$commentrow['comment']."</div> </div>";
                            }

                            $currentcommentid = $commentrow['commentid'];
                            $replysql = "SELECT * FROM posts WHERE hostid = '$hostid' AND postid = '$postid' AND commentid = '$currentcommentid' AND replyid > 0";
                            $replyresult = mysqli_query($conn, $replysql);
                            while ($replyrow = mysqli_fetch_assoc($replyresult)) {
                                if (mysqli_num_rows($replyresult)==0) {
                                    echo '';
                                }
                                else {
                                    echo '
                                            <div class="PostReplies">
                                                <p>
                                                    '.$replyrow['reply'].'
                                                </p>
                                            </div>
                                    ';
                                }
                            }
                        }
                    }

我的风格

.PostPage {
          width: 60%;
          padding: 10px;
          background-color: #555;
          color: white;
          margin: 0px;
    }
    .PostComments {
          width: 30%;
          background-color: #555;
          padding: 10px;
          border-radius: 4px;
          color: white;
    }
    .PostReplies {
          width: 30%;
          background-color: #555;
          padding: 10px;
          color: white;
    }

如果您有任何问题,我将很乐意为您解答。

1 个答案:

答案 0 :(得分:0)

在评论和回复上创建一个div标签。