Thumbnail Sample Page

 

Note: Set the table "border" in your table code to zero if you do not want a border around your thumbnail images.

The html code for this table with the thumbnail images and text, is below this sample.

Boat Boat Boat Boat
My Cool Boat My Cool Boat My Cool Boat My Cool Boat
Boat Boat Boat Boat
My Cool Boat My Cool Boat My Cool Boat My Cool Boat
Boat Boat Boat Boat
My Cool Boat My Cool Boat My Cool Boat My Cool Boat

Copy the code, then paste the code to an Html file and edit the code to suit your needs.

<center>
<!-- NOTE - SET BORDER AT ZERO IF YOU DO NOT WANT THE BORDER AROUND YOUR THUMBNAILS -->
<TABLE cellspacing=0 cellpadding=3 width="80%" border=1 bordercolor="#0000ff">
<TR>
<!-- Row 1 Column 1 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 1 Column 2 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 1 Column 3 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 1 Column 4 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
</TD></TR>
<TR>
<!-- Row 2 Column 1 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 2 Column 2 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 2 Column 3 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 2 Column 4 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
</TR><TR>
<!-- Row 3 Column 1 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 3 Column 2 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 3 Column 3 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 3 Column 4 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
</TR><TR>
<!-- Row 4 Column 1 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 4 Column 2 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 4 Column 3 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 4 Column 4 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
</TR><TR>
<!-- Row 5 Column 1 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 5 Column 2 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 5 Column 3 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
<!-- Row 5 Column 4 -->
<TD align=middle valign=bottom><a href="boat.jpg"><img src="boat-small.jpg" width="100" height="71" border="0" alt="Boat"></a></TD>
</TR><TR>
<!-- Row 6 Column 1 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 6 Column 2 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 6 Column 3 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
<!-- Row 6 Column 4 -->
<TD align=middle valign=top><font size="2" face="verdana" color="#0000ff"><b>My Cool Boat</b></font></TD>
</TR></TABLE>
</center>