別々の列にPHPのニュースのリストを作成し

Question

だから私はこのコード

$news_per_page = 30; 
$news_per_columns = $news_per_page/3; 
$lower_bound = ($current_page * $news_per_page) - $news_per_page + 1; 
$upper_bound = $current_page * $news_per_page; 

echo '<div class="large-4 columns">'; 
echo list_news ($id_category, 
       $lower_bound, 
       $upper_bound, 
       NULL, 
       (IsSet($_GET['title_subtitle']) && $_GET['title_subtitle'] != "" ? $_GET['title_subtitle'] : NULL), 
       (IsSet($_GET['category']) && $_GET['category'] != 0 ? $_GET['category'] : NULL), 
       (IsSet($_GET['datefrom_m']) && $_GET['datefrom_m'] != '' && IsSet($_GET['datefrom_d']) && $_GET['datefrom_d'] != '' && IsSet($_GET['datefrom_y']) && $_GET['datefrom_y'] != '' ? strtoupper($_GET['datefrom_m']).' '.$_GET['datefrom_d'].' '.$_GET['datefrom_y'] : NULL), 
       (IsSet($_GET['dateto_m']) && $_GET['dateto_m'] != '' && IsSet($_GET['dateto_d']) && $_GET['dateto_d'] != '' && IsSet($_GET['dateto_y']) && $_GET['dateto_y'] != '' ? strtoupper($_GET['dateto_m']).' '.$_GET['dateto_d'].' '.$_GET['dateto_y'] : NULL)); 

    echo '</div>'; 

私の疑問を持っているが3列のリストのニュース機能が表示されるように、私が作ることができる方法です。現時点では、このコードは、large-4columnのニュースを30件ずつ表示しています。

Answer 1

Foundationのグリッドレイアウトは次のようである：

<div class="row"> 
    <div class="large-4 columns"></div> 
    <div class="large-4 columns"></div> 
    <div class="large-4 columns"></div> 
</div> 

コードあなたが供給されているのみを示して単一の列と行ありません。 3つの列が必要な場合は、3つの列をすべて移入し、その周りに行コンテナを配置する必要があります。

<div class="row"> 
    <div class="large-4 columns">News Item 1</div> 
    <div class="large-4 columns">News Item 2</div> 
    <div class="large-4 columns">News Item 3</div> 
</div> 

---

あなたはこのような何かを行うことができません見て、あなたの全体のコード、

echo "<div class='row'><div class='large-4 columns'>"; 
for($i = 1; $i < 31; $i++) 
{ 
    print "news"; 
    if($i == 10 || $i == 20) 
    { 
    echo "</div><div class='large-4 columns'>"; 
    } 
} 
echo "</div>"; 

これは、単一の内側になりすべてが各欄に「ニュース」10回、配置する必要があります行。

Answer 2

これはグリッドレイアウトを見ることになっている方法である基礎6フレームワーク（https://foundation.zurb.com/sites/docs/grid.html） のドキュメントに記載されているように：

<div class="row"> 
    <div class="large-4 columns"><!-- ... --></div> 
    <div class="large-4 columns"><!-- ... --></div> 
    <div class="large-4 columns"><!-- ... --></div> 
</div> 

今、あなたのコードは、このようなものを出力します。

<div class="large-4 columns"> 
    <!-- NEWS --> 
    <!-- NEWS --> 
    <!-- NEWS --> 
</div> 

だから何あなたは、 '行'クラスを持つ要素にラップされた一連のニュースを印刷するためのループが必要です。

Answer 3

私はこれをしましたが、ページに30ポストに達すると停止しません。 私のすべての5000+のニュースを3列に表示し始めます

$news_per_page = 30; 
    $news_per_columns = $news_per_page/3; 

    $lower_bound = ($current_page * $news_per_page) - $news_per_page + 1; 
    $upper_bound = $current_page * $news_per_columns; 

    while($news_per_page <= 30){ 
    echo "<div class='large-4 columns'>"; 
    echo list_news ($id_category, 
        $lower_bound, 
        $upper_bound, 
        NULL, 
        (IsSet($_GET['title_subtitle']) && $_GET['title_subtitle'] != "" ? $_GET['title_subtitle'] : NULL), 
        (IsSet($_GET['category']) && $_GET['category'] != 0 ? $_GET['category'] : NULL), 
        (IsSet($_GET['datefrom_m']) && $_GET['datefrom_m'] != '' && IsSet($_GET['datefrom_d']) && $_GET['datefrom_d'] != '' && IsSet($_GET['datefrom_y']) && $_GET['datefrom_y'] != '' ? strtoupper($_GET['datefrom_m']).' '.$_GET['datefrom_d'].' '.$_GET['datefrom_y'] : NULL), 
        (IsSet($_GET['dateto_m']) && $_GET['dateto_m'] != '' && IsSet($_GET['dateto_d']) && $_GET['dateto_d'] != '' && IsSet($_GET['dateto_y']) && $_GET['dateto_y'] != '' ? strtoupper($_GET['dateto_m']).' '.$_GET['dateto_d'].' '.$_GET['dateto_y'] : NULL)); 
     echo "</div>"; 

     $lower_bound = $lower_bound + $news_per_columns - 1; 
     $upper_bound = $upper_bound + $news_per_columns; 
    }