ダイナミックなPHPエコーを整理する/スタイルを設定する

Question

私はおそらくここでは本当に馬鹿ですが、私は実際の道路ブロックにぶつかります。 私は現在、自分の写真をアップロードして削除するためのシンプルなCMSを作成した写真家のウェブサイトを構築しています。

CMS自体は基本的にカテゴリーと画像の2つの部分から成っています。 ユーザーはカテゴリを作成し、そのカテゴリに画像を追加することができます。

たとえば、結婚式のカテゴリを作成し、それに従って画像をアップロードすることができます。

CMSはすべてビルドされており、問題はありません。

問題は、サイトのフロントエンドに「portfolio.php」というページがあります。このページには、CMSで作成されたすべてのカテゴリが表示され、ページをクリックすると、すべての画像を含むギャラリー。

機能は完全に機能します。

私の問題は、リコールを適切にスタイルすることができないことです。 最初は、この機能を使用しているとき、私は醜いリストを持っていました。 今私はスタイリッシュなものがありますが、それほどありません。

私はいくつかのコードスニペットをアップロードしました。

最初は、私は、ページがfucntionする方法である：

<div class="portfolio-vid-div"> 
     <div class="portolio-items-div"> 
     <a class="portfolio-i1 w-button" data-ix="portfolio-item" href="/editorial">Weddings</a> 
     <a class="portfolio-i2 w-button" data-ix="portfolio-item-2" href="/beauty">Portrait</a> 
     <a class="portfolio-i3 w-button" data-ix="portfolio-item-3" href="/lingerie">Baby</a> 
     <a class="portfolio-i4 w-button" data-ix="portfolio-item-4" href="/advertising">Landscape</a> 
     <a class="portfolio-i5 w-button" data-ix="portfolio-item-5" href="/film">Other</a> 
     </div> 
     <div class="portfolio-img-5"></div> 
     <div class="portfolio-img-4"></div> 
     <div class="portfolio-img-3"></div> 
     <div class="portfolio-img-2"></div> 
     <div class="portfolio-img-1"></div> 
     <div class="portfolio-vid w-background-video"> 
      <div class="portfolio-vid-cover" data-ix="video-appear-2"></div> 
     </div> 
    </div> 

次のようにするときのカテゴリを超えるユーザーがスクロールするdiv変化の背景これは、基本的には、トップの上にカテゴリと中央に、本部に動作します。

ご覧のとおり、私は手動でそのリストを追加しました。次のように私は動的リストを呼び出している PHPのコードは次のとおりです。

<?php do { ?> 
<?php echo $row_Recordset1['strDescription']; ?> 
<?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?> 
<?php 
mysql_free_result($Recordset1); 
?> 

コードは絶対に罰金リストを思い出すが、私は元のリストのスタイリングは同じように、リストの各要素に適用することにしたいです上記のHTMLがあります。

申し訳ありませんが、私はすべてをカバーしていることを確認したかったので、長い間巻き込まれています。

Answer 1

まず、whileループを最下部ではなく、最初の結果を得ることは決してできません。エラーが発生します。また、プロセッサから離れることがない場合は、1行に1つのPHPタグを使用する必要はありません。しかし、あなたが望むようにエコーするには、ちょうどやってください（ここでは、プロセッサーに出入りする良いケースです）。ところで、私はこれがあなたのイメージかカテゴリーかどうか分からないので、私はイメージを推測するつもりです。それに応じてあなたのHTMLを調整。

<?php while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)) { ?> 
    <div class="portfolio-img-1"> 
     <img src="<?php echo $row_Recordset1['image']; ?>"> 
     <?php echo $row_Recordset1['description']; ?> 
    </div> 
<?php } ?>