Index Module Samples

What it looks like

/Library/Astronomy

Name	Last modified	Size	Description
Parent Directory	03-Mar-1998 19:50	0k
1998 Meteor Showers files/	21-Aug-1998 03:32	0k
1998 Meteor Showers.html	21-Aug-1998 03:32	52k	HTML Document
Mars/	03-Mar-1998 19:45	0k
NASAHubble/	03-Mar-1998 19:51	0k
Relativity.gif	16-Oct-1997 17:38	4k	GIF Image
nasa34.jpg	16-Sep-1997 23:49	75k	JPEG Photo
spacescape0001.bmp	23-Sep-1997 23:34	900k	Windows Bitmap
spacescape0001.gif	23-Sep-1997 23:38	52k	GIF Image

Code output

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<HTML>
 <HEAD>
  <TITLE>Index of /Library/Astronomy</TITLE>
 <LINK href="/style/httpd.css" rel="stylesheet" type="text/css" title="HTTPD Style"></HEAD>
 <BODY>
<H1 class="indexed">/Library/Astronomy</H1>
<TABLE class="HTTPDList"><TR><TH><TH><A HREF="?N=D">Name</A><TH><A HREF="?M=A">Last modified</A><TH><A HREF="?S=A">Size</A><TH><A HREF="?D=A">Description</A></TR>
<TR><TD><IMG SRC="/style/icons/folder.gif" ALT="[DIR]"><TD class="object"> <A HREF="/Library/">Parent Directory</A><TD class="modified">03-Mar-1998 19:50  <TD class="size">   0k<TD class="descript">
<TR><TD><IMG SRC="/style/icons/folder.gif" ALT="[DIR]"><TD class="object"> <A HREF="1998%20Meteor%20Showers%20files/">1998 Meteor Showers files/</A><TD class="modified">21-Aug-1998 03:32  <TD class="size">   0k<TD class="descript">
<TR><TD><IMG SRC="/style/icons/phpi.gif" ALT="[PHP]"><TD class="object"> <A HREF="1998%20Meteor%20Showers.html">1998 Meteor Showers.html</A><TD class="modified">21-Aug-1998 03:32  <TD class="size">  52k<TD class="descript">HTML Document</TR>
<TR><TD><IMG SRC="/style/icons/folder.gif" ALT="[DIR]"><TD class="object"> <A HREF="Mars/">Mars/</A><TD class="modified">03-Mar-1998 19:45  <TD class="size">   0k<TD class="descript">
<TR><TD><IMG SRC="/style/icons/folder.gif" ALT="[DIR]"><TD class="object"> <A HREF="NASAHubble/">NASAHubble/</A><TD class="modified">03-Mar-1998 19:51  <TD class="size">   0k<TD class="descript">
<TR><TD><IMG SRC="/style/icons/image2.gif" ALT="[IMG]"><TD class="object"> <A HREF="Relativity.gif">Relativity.gif</A><TD class="modified">16-Oct-1997 17:38  <TD class="size">   4k<TD class="descript">GIF Image</TR>
<TR><TD><IMG SRC="/style/icons/image2.gif" ALT="[IMG]"><TD class="object"> <A HREF="nasa34.jpg">nasa34.jpg</A><TD class="modified">16-Sep-1997 23:49  <TD class="size">  75k<TD class="descript">JPEG Photo</TR>
<TR><TD><IMG SRC="/style/icons/unknown.gif" ALT="[   ]"><TD class="object"> <A HREF="spacescape0001.bmp">spacescape0001.bmp</A><TD class="modified">23-Sep-1997 23:34  <TD class="size"> 900k<TD class="descript">Windows Bitmap</TR>
<TR><TD><IMG SRC="/style/icons/image2.gif" ALT="[IMG]"><TD class="object"> <A HREF="spacescape0001.gif">spacescape0001.gif</A><TD class="modified">23-Sep-1997 23:38  <TD class="size">  52k<TD class="descript">GIF Image</TR>
</TABLE></BODY></HTML>

Example Style Sheet

Body {font-family: Verdana, Arial, Serif; Margin: 0px; padding: 10px;}

/* Directory Fancy Indexing */
H1.indexed  {Font-Size: 95%;}
.HTTPDList {Width: 100%;}
.HTTPDList TH {Font-Size: 75%; Font-Weight: 700; Border-Bottom: 1px solid #000; Vertical-Align: Middle; Text-Align: center;}
.HTTPDList TD {Font-Size: 75%; Font-Weight: 100; line-height: 1.2em; Vertical-Align: Middle; Border-Bottom: 1px solid #AAA;}
.HTTPDList TD IMG {Height: 1.2em; Float: Left;}

/*	Column Types */
.HTTPDList .object {Width: 35%; Border-Right: 1px solid #CCC; Text-Align: Left;}
.HTTPDList .size   {Width: 5%; Border-Right: 1px solid #CCC; Text-Align: Center;}
.HTTPDList .modified {Width: 20%; Border-Right: 1px solid #CCC; Text-Align: Center;}
.HTTPDList .descript {Width: 40%; Text-Align: Left;}