Printable View
ok, so i'm just starting to code some very basic webpages, and i was wondering how i can set up an grid of expandable pictures, so that each thumbnail is hyperlinked to the full size image. how do i go about doing that? i'd also like to have a brief description above each picture. can this be done in a table?
you can use javascript to do this but the most simple way would be this
Code:<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="56%" id="AutoNumber1">
<tr>
<td width="12%"><a href="IMAGE LINK(SAME AS PICTURE LOCATION">INSERT IMAGE HERE</a></td>
<td width="12%"><a href="IMAGE LINK(SAME AS PICTURE LOCATION">INSERT IMAGE HERE</a></td>
<td width="12%"><a href="IMAGE LINK(SAME AS PICTURE LOCATION">INSERT IMAGE HERE</a></td>
</tr>
<tr>
<td width="12%">DESCRIPTION</td>
<td width="12%">DESCRIPTION</td>
<td width="12%">DESCRIPTION</td>
</tr>
</table>
cool, that's just about what i want. now, how would i go about making a shrunken-down picture of the full size image to use as the hyperlink? would i just have to make resized images of my pics and use those?
<edit> n/m figured it out myself. thanks for the help though </edit>
just a suggestion, i've found the easiest way to figure out how to do something in html is find a page that does it and look at the page source, its usually pretty easy to figure out what tags do what.
Medicated