html for the newbie plz...

[thebove]

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?

[adam_uk]

you can use javascript to do this but the most simple way would be this

<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>

[thebove]

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>

[Medicated]

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