2

学校向けの Web アプリケーション作成の途中で、アプリケーションは生徒のホーム ディレクトリをループし、PHP で Web サイトに生徒のファイルを表示します。

(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）のようにテーブル用の何かがありますか

どんな助けでもいただければ幸いです

(現在の外観のスクリーンショットと、どのように表示したいか)

今の姿 どのように見せたいかの大まかなイメージ

4

1 に答える 1

0

これは、CSS といくつかの HTML をテーブルに変更することで実行できます。

私が正しく理解していれば、各フォルダーは独自のテーブルにあります。したがって、できることはfloat:left、フォルダーを含む各テーブルに対してです。

これにより、フォルダーが含まれている要素内にとどまりながら、フォルダーが水平に表示されます。このように（コードを使用して）：http://jsfiddle.net/fy9Dh/

フォルダの下にテキストを表示したい場合は、別の を追加する必要があります<td>。したがって、テーブルには 2 つ<td>の s があり、1 つは画像を含み、もう 1 つはリンクを含みます。例えば：

<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/

最後に 1 つ:これは HTML テーブルの正しい使い方ではありません。データの表示にはテーブルを使用する必要があります。

于 2012-09-15T19:17:26.120 に答える