-1

投稿の詳細 (タイトル、説明、ユーザー名) をホームページのdivタグ内に、すべての Web サイトと同様に適切な形式で表示したいと考えています。私が直面している問題は、データベースからのすべてのデータがプレーンテキストとして上下に表示されることです。私はphpが初めてなので、結果を達成するために私を導いてください。

これが私のコードです。

このタグに表示したい：

<div id='display'>
  <h3 class='name'></h3>
  <h1 class='title'></h1>
  <p class='desc'></p>
  <p class='cat'></p>
  <p class='sub_cat'></p> 
</div>

そして、私のphpコードは次のとおりです。

<?php
  $row="";

  $link = mysql_connect("localhost","username","password");
  mysql_select_db("database");
  $query = "SELECT * from posts ORDER by post_id DESC limit 0,5";
  $result = mysql_query($query);
  $result = mysql_query($query) or die("Query to get blah failed with error:".mysql_error());

  while($row = mysql_fetch_array($result)) { 
    echo "<div id='display'>";
    echo "<h3 class='name'>".$row['username']."</h3>";
    echo "<h1 class='title' >".$row['post_title']."</h1>";
    echo "<p class='cat'>".$row['cat']."</p>";
    echo "<p class='sub_cat'>".$row['sub_cat']."</p>";
    echo "<p class='desc'>".$row['post_desc']."</p>";
    echo "</div>";
  } 

  mysql_close($link);
?>
4

1 に答える 1

1

欠けているのはCSSだと思います。HTMLでは、DIVコンテナはブロック要素として表示されます。したがって、構成を行わないと、それらは上下に表示されます。それらを並べて表示するには、ページにCSSを追加するだけです。

<div id='display'>
  <h3 class='name'></h3>
  <h1 class='title' ></h1>
  <p class='desc'></p>
  <p class='cat'></p>
  <p class='sub_cat'></p> 
</div>
<div class="clear"></div>


<style type="text/css">
.name, .title, .desc, .cat, .sub_cat {
    float:left;
}

.clear {
    clear:both;
}
</style>
于 2012-12-03T09:10:23.317 に答える