1

画像2に示されているようなものをPHPで表示するのを手伝ってください（私はCodeIgniterフレームワークを使用しています）。
データベースから次を選択します。

  • カテゴリ1->アイテム1
  • カテゴリ1-？アイテム2
  • .....。
  • カテゴリ2-？アイテム1
  • カテゴリx->アイテムx

1つのアイテムに多くのカテゴリを含めることができます。

     <div>
          <ul>
             <li>
                <div class="programe-tv_link">
                    <p>Categ 1</p> 
                   <dd> <a href="">>> Item 1</a></dd>
                   <dd> <a href="">>> Item 2</a></dd>
                   <dd> <a href="">>> Item 3</a></dd>
                   <dd> <a href="">>> Item 4</a></dd>
                   <dd> <a href="">>> Item 5</a></dd>
                </div>
                <div class="programe-tv_link">
                    <p>Categ 2</p>
                   <dd> <a href="">>> Item 1</a></dd>
                   <dd> <a href="">>> Item 6</a></dd>
                   <dd> <a href="">>> Item 7</a></dd>
                   <dd> <a href="">>> Item 8</a></dd>
                   <dd> <a href="">>> Item 9</a></dd>
                   <dd> <a href="">>> Item 2</a></dd>
                </div>
            </li>
            <li>
                <div class="programe-tv_link">
                    <p>Categ 5</p> 
                   <dd> <a href="">>> Item 1</a></dd>
                   <dd> <a href="">>> Item 2</a></dd>
                   <dd> <a href="">>> Item 3</a></dd>
                </div>
                <div class="programe-tv_link">
                    <p>Categ 4</p>
                   <dd> <a href="">>> Item 1</a></dd>
                </div>
            </li>
          </ul>
    </div>

イラスト付きの画像を添付します。<li>1つのタグですべてが適切に選択されている画像1のようなビューを作成します。IMAGE2のようなものが必要です。 ここに画像の説明を入力してください

4

2 に答える 2

2

image2のようなビューを取得する良い方法は、CSSを使用して、すべてのカテゴリボックスにクラスを作成し、幅を30％に設定し、3つが同じ行にとどまるようにフローティングすることだと思います。

何かのようなもの ：

.class_name {
    width : 31%;
    margin : 0 2% 0 0;
    float : left;
}

.class_name.wrapp {
    width : 33%;
    margin : 0;
}

これをSimplisteレイアウトからコピーしていますが、これは私にとっては非常にうまく機能します。

于 2013-01-20T02:13:59.003 に答える
1

私の最終的な解決策はです。

    <div id="programe-tv-slide" class="flexslider">
        <strong>Programe TV</strong>
        <div class="redLine"></div>

        <?php $cat_cnl = array(); 
              $list = array(); 
              $i=1;
                 foreach ($category_chaneels as $option) { 
                    $catname = $option['category_name'];
                    $chlname = $option['channel_name'];

                    $cat_cnl[$catname][$i] = $chlname;
                    $list[$i] = $catname;
              $i++;
                 }; 
        ?>
        <?php 
            $rows = array_chunk($cat_cnl, 4, TRUE);
            foreach ($rows as $row) {  //var_dump($rows);
        ?>

          <ul class="slides">    
            <?php
                echo ('<li>');
                foreach ($row as $category => $channels) {
                    echo '<div class="programe-tv_link">'; 
                    echo '<p>' . $category . '</p>'; 
                        foreach ($channels as $channel) {
                                echo '<dd><a href="">' . $channel . '</a></dd> '; 
                        };
                    echo '</div>'; 
                    };      
                echo ('</li>'); 
            ?>
          </ul>
          <?php }; ?>
    </div>
于 2013-01-30T15:26:36.380 に答える