CSS PHP MYSQL Dispaly標籤結果按照postType排序的2列

我正在實現一個標籤系統，並且我希望顯示在分成兩列的頁面內共享相同標籤的結果，按postType（文章或視頻），像這樣：CSS PHP MYSQL Dispaly標籤結果按照postType排序的2列

ARTICLES   VIDEOS 
article 1   video 1 
article 2   video 2 
article 3   video 3 
        video 4

但是，這是我所得到的：

ARTICLES   VIDEOS 
        video 1 
        video 2 
        video 3 
article 1   video 4 
article 2 
article 3

我的查詢：

<?php 
$stmt = $db->prepare('SELECT p.* 
         FROM tags t 
         INNER JOIN post_tags pt 
          ON t.tagID = pt.tagID 
         INNER JOIN posts p 
          ON pt.postID = p.postID 
         WHERE t.tagName = :tagName 
         ORDER BY postType ASC'); 
$stmt->execute(array(':tagName' => $row['tagName'])); 

while($row = $stmt->fetch()) { 
    echo '<div class=column1">'; 
     if($row['postType']=='article' { 
      .... 
     } 
    echo '</div>'; 
    echo '<div class=column2">'; 
     if($row['postType']=='video' { 
      .... 
     } 
    echo '</div>'; 
} 
?>

該CSS：

.column1 { 
    float: left; 
    margin: 5px; 
    padding: 5px; 
    width: 80%; 
} 
.column2 { 
    float: right; 
    margin: 5px; 
    padding: 5px; 
    width: 20%; 
}

我堅持這一點，任何幫助將不勝感激。

來源

2016-06-13 nacho

由於這是CSS和html，你可以製作一個http://www.jsfiddle.net – ASR

請檢查我的答案它的幫助 –

$strArticle = ''; 
$strVideo = ''; 
while($row = $stmt->fetch()) 
{ 
    if($row['postType']=='article') 
    { 
     $strArticle .= '<div class="row">Your variable</div>'; 


    } 
    if($row['postType']=='video') 
    { 
     $strArticle .= '<div class="row">Your variable</div>'; 
    } 
} 
<div class="col-md-6"> 
    <h4>Article</h4> 
    <?php echo $strArticle;?> 
</div> 
<div class="col-md-6"> 
    <h4>Video</h4> 
    <?php echo $strVideo;?> 
</div>

你好，請把while循環的這種類似的代碼，如果你遵循引導結構，你可以做到這一點很容易地添加CSS到類COL-MD-6寬度50％和班級排的寬度爲100％。

在簡單的第一列中創建兩列，並在每列中明智地輸入。

來源

2016-06-13 06:12:25

這完美的作品，歡呼聲！ – nacho

@nacho歡迎通過以下bootstrap，你可以輕鬆地做到這一點。 –

CSS PHP MYSQL Dispaly標籤結果按照postType排序的2列

回答

相關問題