2016-11-23 2 views
0

Я создаю форум, используя php и bootstrap. Он работает на 100%, моя единственная проблема - когда пользователь публикует сообщение в потоке, сообщение и изображения профиля пользователя имеют большой пробел. Это похоже на проблему с дополнением, но между ними нет прокладки. Любой совет был бы гениальнымПространство между изображением профиля пользователя и контентом. Bootsrap

echo '<div class="container form"> 
       <div class="page-header page-heading"> 
        <tr class="text-center"> 
         <th colspan="2"><h2>' . $row['topic_subject'] . '</h2></th> 
        </tr> 
       <table class="table forum table-striped table-hover"> 
        <thead> 
         <tr> 
          <th class="cell-stat"></th> 
         </tr> 
        </thead/>'; 

     //fetch the posts from the database 
     $posts_sql = "SELECT 
        posts.post_topic, 
        posts.post_content, 
        posts.post_date, 
        posts.post_by, 
        users.user_id, 
        users.user_name 
       FROM 
        posts 
       LEFT JOIN 
        users 
       ON 
        posts.post_by = users.user_id 
       WHERE 
        posts.post_topic = " . mysql_real_escape_string($_GET['id']); 

     $posts_result = mysql_query($posts_sql); 

     if(!$posts_result) 
     { 
      echo '<tr><td>The posts could not be displayed, please try again later.</tr></td></table>'; 
     } 
     else 
     { 

      while($posts_row = mysql_fetch_assoc($posts_result)) 
      { 
       echo ' 
        <tbody> 
         <tr> 
          <td class="text-center"> 

          </td> 
          <td class="hidden-xs hidden-sm"> 
           <img src="ppp.png"><br> 
           <i class="fa fa-clock-o"> 
           </i> 
           <ul class="pull-left user-info"> 
            <li>' 
             .$posts_row['user_name']. 
            '</li>'. 
            '<li>' 
             . date('d-m-Y H:i', strtotime($posts_row['post_date'])). 
            '</li> 
          </td> 
          <td class="pull-right">'. 
           '<p>' 
            .htmlentities(stripslashes($posts_row['post_content'])). 
           '</p> 
          </td> 
         </tr>'; 
      } 
     } 

     if(!$_SESSION['signed_in']) 
     { 
      echo '<tr><td colspan=2>You must be <a href="signin.php">signed in</a> to reply. You can also <a href="signup.php">sign up</a> for an account.'; 
     } 
     else 
     { 
      //show reply box 
      echo '<tr><td colspan="2"><h2>Reply:</h2><br /> 
       <form method="post" action="reply.php?id=' .  $row['topic_id'] . '"> 
        <textarea name="reply-content"></textarea><br /><br /> 
        <input type="submit" value="Submit reply" /> 
       </form></td></tr>'; 
     } 

     //finish the table 
     echo '</thead></table>'; 
    } 
} 
+0

Возможно, попробуйте использовать объект Bootstrap Media? http://getbootstrap.com/components/#media Он предназначен для отображения таких вещей. –

+0

Прочая помощь с этим парнем – andre

ответ

0

Я думаю, что разрыв может быть в результате pull-right применяется на столе

<td class="pull-right">'. 
      '<p>' 
      .htmlentities(stripslashes($posts_row['post_content'])). 
      '</p> 
</td> 

Вы можете удалить его полностью. Если нет, попробуйте применить pull-left к абзацу вместо таблицы

 <td >'. 
       '<p class="pull-left">' 
       .htmlentities(stripslashes($posts_row['post_content'])). 
       '</p> 
    </td> 
+0

Без изменений. – andre

+0

Если вы работаете с браузером Chrome или Firefox, попробуйте отредактировать свой html прямо в браузере с помощью инструмента для разработчиков. Нажмите CTRL + SHIFT + I – xtrimzz

+0

html inspector появится, и вы сможете отредактировать свой тег html, сначала выбрав раздел. Добавление и удаление классов, чтобы увидеть, как это происходит. – xtrimzz

Смежные вопросы