Resources: Creating Thumbnail Tables in HTML

[goss]

I got a request to share the html code I used for posting my Inktober artwork thumbnails. It's in a table format, and the images are all 100 x 100 pixels.

To create a similar table, you can copy the code in the box below. Just replace the image.jpg with your thumbnail image source, and replace URL with the destination webpage link.

<table border="0" cellpadding="5"> <tr align=center bgcolor="000000"> <th><a href="URL" target="_blank" border="1"><img src="image.jpg"></a></th> <th><a href="URL" target="_blank" border="1"><img src="image.jpg"></a></th> <th><a href="URL" target="_blank" border="1"><img src="image.jpg"></a></th> </tr> <tr align="center"> <td>Day 1</td> <td>Day 2</td> <td>Day 3</td> </tr> <tr align="center" bgcolor="000000"> <th><a href="URL" target="_blank" border="1"><img src="image.jpg"></a></th> <th><a href="URL" target="_blank" border="1"><img src="image.jpg"></a></th> <th><a href="URL" target="_blank" border="1"><img src="image.jpg"></a></th> </tr> <tr align="center"> <td>Day 4</td> <td>Day 5</td> <td>Day 6</td> </tr> </table>

Comments

[mific]

Handy! I used an icon posting site to get similar code. I just edited the numbers to be descriptions. http://icontable.morning-songs.com/
Or here’s another one. http://lj.indisguise.org/icontablegenerator.php

[goss]

Awesome! Thanks for linking to the table generators. Quick and easy to use. :D :D