Linking thumbnail images to pdfs and html files

[sam0077]

Hello, this is probably really simple for someone out there:

I need to set-up a list of thumbnails that link to work samples /my portfolio. I found a great site

http://css.maxdesign.com.au/floatutorial/tutorial0407.htm

that explains how to float thumbnails side-by-side, but it doesn't explain how to link these images to the html files or pdf files.

I bet this is another really stupid question but I would appreciate the assistance anyway. Thank you in advance.

Here is the XHTML (First line of thumbnails):
<!- <div class="thumbnail">
<img src="thumbnail/IRSLogo_thumb.jpg" alt="" width="75" height="60"><br>
<p>e-Brochure </p>
</div>
<div class="thumbnail">
<img src="thumbnail/rsm_thumb.jpg" alt="" width="75" height="60"><br>
<p> Partner Collateral </p>
</div>
<div class="thumbnail">
<img src="thumbnail/navigator_thumb.jpg" alt="" width="75" height="60"><br>
<p>Produced & co-wrote e-Newsletters </p>
</div>
<div class="thumbnail">
<img src="thumbnail/IRSLogo_thumb.jpg" alt="" width="75" height="60"><br>
<p>Produced & wrote e-Newsletter </p>
</div>

<br class="clearboth"> -->


Here is the CSS:

/* .thumbnail
{
float: left;
width: 60px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.clearboth { clear: both; }
*/

 

[sam0077]

I think I found the answer from the www.

Do I proceed each thumbnail img src with

<a href="portfolio/innovative_ebrochure.pdf">

(FYI- In the event that you suggest I search PRIOR to posting, please note that I DID LOOK A LOT BEFORE POSTING. )

THANKS AGAIN.

 

[Vragabond]

To make an image a link, you just wrap the anchor tag around it. Anchor tag has an attribute called [tt]href=""[/tt], which you can use to point to anything you desire -- another html page, pdf document, image, zip file. All in all, that is it.

<div class="thumbnail">
<a href="myFile.pdf"><img src="thumbnail/IRSLogo_thumb.jpg" alt="" width="75" height="60" /></a><br />
<p>Produced & wrote e-Newsletter </p>
</div>