-3

これは典型的な質問ではないことはわかっています。コード以外のエラーの質問でスペースを占有しないように、今夜は削除しますが、本当に助けが必要です。質問データベースから情報を取得し、質問のタイトルで整理された質問のリストを作成しようとしています。ユーザーが質問のタイトルをクリックすると、question_id に従って次のページに移動します。

質問のリストが現在どのように表示されているかのコードを投稿しましたが、実際に魅力的に見えるようにスタイルを設定する方法がわかりません。背景と上からの距離をすべて指定する 10 個の異なる ID を持つ 10 個の div タグを使用しますか? またはテーブルを使用しますか?または、他に使用できるものはありますか?

私はphpとhtmlが初めてで、データベースから取得された情報を表示する多くの方法を本当に知りません....

Current_questions.php

<?php
        $i = 0;
        $str = "";
        $sql = "SELECT * FROM questions";
        $result = mysql_query ($sql, $conn) or die(mysql_error());
        if (mysql_num_rows($result) >= 0)
            {
                while ($row = mysql_fetch_array($result, MYSQL_ASSOC) and $i<10 ) 
                    {
                        $i++;
                        $str .= $i . ". ";
                        $str .= "<a href='show_question2.php?question_id=" . $row["question_id"] . "'>"
                                . $row["title"] . "</a> <br> ";
                    }
                print $str;

            } 

?>

このコードは現在、タイトルのリストを出力するだけであり、理想的ではありません。ありがとう!

それをコーディングする方法を探しているのではなく、最善の方法についての提案です。私が探しているのは、数語の簡単な答えだけです –</p>

4

2 に答える 2

0

あなたがしていることを最もよく表している HTML エンティティから始めます。私にはそれはlistのように聞こえます。次に、それが順序付きリストか順序なしリストかを決定します。不明な場合は、u-ordered を使用してください

おそらく、html を次のようにしたいと思うでしょう:

<ul>
   <li><a href='show_question2.php?question_id=1'>Question 1 Title</a></li>
   <li><a href='show_question2.php?question_id=2'>Question 2 Title</a></li>
   <li><a href='show_question2.php?question_id=3'>Question 3 Title</a></li>
 </ul>

リストのスタイリングに関する多くの記事の 1 つをインターネットで探してみてください。

開始するための 3 つは次のとおりです。

  1. http://www.alistapart.com/articles/taminglists/ -- 私はこの人たちの大ファンです
  2. http://www.webreference.com/programming/css_style2/index.html
  3. http://www.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html

リストを使用した実際の簡単で汚い例

于 2012-12-07T04:08:50.707 に答える