1<!DOCTYPE html>
2<html lang="en" dir="ltr">
3<head>
4    <title>filetype icons</title>
5
6    <style type="text/css">
7        body {
8            background-color: #ccc;
9            font-family: Arial;
10        }
11
12        .box {
13            width: 200px;
14            float:left;
15            padding: 0.5em;
16            margin: 0;
17        }
18
19        .white {
20            background-color: #fff;
21        }
22
23        .black {
24            background-color: #000;
25        }
26    </style>
27
28</head>
29<body>
30
31<div class="white box">
32<?php
33foreach (glob('*.png') as $img) {
34    echo '<img src="'.$img.'" alt="'.$img.'" title="'.$img.'" /> ';
35}
36?>
37</div>
38
39<div class="black box">
40<?php
41foreach (glob('*.png') as $img) {
42    echo '<img src="'.$img.'" alt="'.$img.'" title="'.$img.'" /> ';
43}
44?>
45</div>
46
47<br style="clear: left" />
48
49<div class="white box">
50    <?php
51    foreach (glob('32x32/*.png') as $img) {
52        echo '<img src="'.$img.'" alt="'.$img.'" title="'.$img.'" /> ';
53    }
54    ?>
55</div>
56
57<div class="black box">
58    <?php
59    foreach (glob('32x32/*.png') as $img) {
60        echo '<img src="'.$img.'" alt="'.$img.'" title="'.$img.'" /> ';
61    }
62    ?>
63</div>
64
65
66</body>
67</html>
68