如何从数据库信息中创建样式列表

时间:2012-12-07 01:51:12

标签: php html mysql css primary-key

我意识到这不是典型的问题,我今晚会删除它,因为没有占用非代码错误问题的空间,但我真的需要一些帮助。我试图从问题数据库中提取信息并创建问题标题组织的问题列表。当用户点击问题标题时,它会根据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;

            } 

&GT;

此代码目前只打印标题列表,但这并不理想。谢谢!

我不是在寻找如何编码,只是建议最好的方法。我正在寻找几个单词的简单答案 -

2 个答案:

答案 0 :(得分:0)

学习一些CSS真的很有帮助

$toggle = false;
while ($row = mysql_fetch_array($result, MYSQL_ASSOC) and $i<10 ) 
                    {
                        $i++;
                        $str .= $i . ". ";
                        $toggle = !$toggle;
                        if($toggle)
                            $style = "background: Grey;";
                        else
                            $style = "background: White;";

                        $str .= "<a style='padding: 10px;$style' href='show_question2.php?question_id=" . $row["question_id"] . "'>"
                                . $row["title"] . "</a> <br> ";
                    }

答案 1 :(得分: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>

现在浏览互联网,查看关于样式列表的众多文章之一。

这里有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
  4. A real quick and dirty examples with lists