0

5つの要素ごとに作成したいと思います.1つのdivがあります。ここで例を見ることができます: http://www.nobregamedia.com/aa/

下部には、オレンジ色の小さな四角で変更可能な 5 つの要素を含むギャラリーがあります。オレンジ色の各四角には、DIV 名への「リンク」があります。たとえば、DIV1、DIV2、DIV3 です。MySQL データベースから取得したアイテムの量を考慮して、これを自動的に作成する必要があります。

例: 7 つのアイテムをプルすると、2 つの正方形と 2 つの div (DIV1 と DIV2) が作成されます。など、5 の倍数で。

ここに私が今持っているコード:

<div class="idTabs">
  <div class="col2">
    <a href="#pduno"><img class="pdimg" src="img/pduno.png" width="13" height="11" /></a>
    <a href="#pddos"><img class="pdimg" src="img/pddos.png" width="13" height="11" /></a>
    <a href="#pdtres"><img class="pdimg" src="img/pddos.png" width="13" height="11" /></a>
  </div>
</div>
<div class="row-end">&nbsp;</div>
<div class="row">
  <div class="col101">
    <div id="pduno">
      <table width="920" border="0" align="left" cellpadding="0" cellspacing="0" style="text-align:left">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <?PHP
                            while ($retdetsfinal = mysql_fetch_row($retdest)) {
                        ?>
            <td height="110">
              <div style="width:160px; height:112px; border:2px solid #c0bdb6">
                <img src="imagenes/thumbs/<?php echo $retdetsfinal[0];?>_x.jpg" style="border:6px solid #FFF;" width="148" height="100" />
              </div>
              <br />
              <?php echo ucfirst($retdetsfinal[1]);?> -
              <?php echo ucfirst($retdetsfinal[2]);?><br />Bs.
              <?php echo $retdetsfinal[3];?>
            </td>
            <td>&nbsp;</td>
            <?PHP   
                        }
                        ?>
        </tr>
      </table>
    </div>
  </div>
</div>
4

1 に答える 1

0

このフィドルをチェックしてください。それはあなたのニーズに正確に合わないかもしれませんし、もちろん利用可能なスタイリングはありませんが、それから始めるための正しいヒントを与えるはずです

于 2012-04-24T04:43:39.753 に答える