PHP目录循环 - 样式

时间:2012-08-30 08:54:24

标签: php html html-table directory glob

在为学校制作网络应用程序的过程中,应用程序会在学生主目录中循环,并在PHP网站上显示他们的文件。

(它使用LDAP绑定来验证用户是否存在等)

此刻它循环遍历文件并输出表格中的每一个(这是代码)

<table width="100%"  border="0" cellpadding="0" cellspacing="0"><tr>
  <td width="4%" height="38"><div align="center"><span class="style1"><span class="style2"><img src="_css/folder.png"></span></span></div></td>
            <td width="20%"><span class="style2"><a href="browse.php?path='.$enc.'">'.$name.'</a></span></td>
            <td width="16%"><span class="style2"></span></td>
             <td width="60%"><span class="style2"></span></td>
        </tr></table>

理想情况下,我们希望它能够像Windows一样改变视图等(这很容易,它创建了这个问题的视图)

我非常想创建一个缩略图视图,但我已经尝试过使用它的一个列中的每个文件夹,但它将它们全部聚集在一起。

表格中是否存在某些内容,例如C#(FlowTableOverflow或w / e),因此当表格变满时,它会启动一个新行

任何帮助将不胜感激

(现在看起来像什么的截图,以及我希望它看起来像什么)

What it looks like now A rough image of what I would like it to look like

1 个答案:

答案 0 :(得分:0)

这可以通过CSS和对表的一些HTML修改来完成。

如果我理解正确,每个文件夹都在它自己的表中。所以你可以做的是float:left每个包含一个文件夹的表。

这将在保持其包含元素的同时水平显示文件夹。像这样(使用你的代码):http://jsfiddle.net/fy9Dh/

如果您希望文本显示在文件夹下,则需要添加另一个<td>。因此,您的表将包含两个包含图像的<td>,另一个包含该链接。例如:

<table width="100%"  border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="4%" height="38">
            <div align="center">
                <span class="style1"><span class="style2"><img src="_css/folder.png"></span></span>
            </div>
        </td>
    </tr>
    <tr>
        <td width="20%"><span class="style2"><a href="browse.php?path='.$enc.'">'.$name.'</a></span></td>
        <td width="16%"><span class="style2"></span></td>
        <td width="60%"><span class="style2"></span></td>
    </tr>
</table>

以下是最终产品:http://jsfiddle.net/ZcAmP/

最后一点:这实际上不是HTML表格的正确用法。表应该用于显示数据。