Hi
To add a link to your image you would do this:
Code:
<a href="http://www.biorust.com"><img src="images/blauw-home_12.gif" width="90" height="23" alt="" border="0"></a>
I've added a border="0" to stop the img having a border when its a link. Also you would need to change
http://www.biorust.com to the url you want.
The text area could be done like this:
Example can be seen here
http://iamsancho.co.uk/test/unleash/blauw-home2.html
Has link on gallery
Code:
<html>
<head>
<style type="text/css">
<!--
.txtbox {
background-image: url(images/blauw-home_24.gif);
background-repeat: no-repeat;
background-position: center;
height: 457px;
width: 230px;
padding: 0px;
margin: 0px;
}
-->
</style>
<title>blauw home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<!-- ImageReady Slices (blauw home.psd) -->
<table id="Table_01" width="501" height="651" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" rowspan="2">
<img src="images/blauw-home_01.gif" width="230" height="58" alt=""></td>
<td colspan="8">
<img src="images/blauw-home_02.gif" width="270" height="25" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="3">
<img src="images/blauw-home_03.gif" width="207" height="92" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/blauw-home_04.gif" width="32" height="71" alt=""></td>
<td rowspan="3">
<img src="images/blauw-home_05.gif" width="31" height="92" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2">
<img src="images/blauw-home_06.gif" width="230" height="59" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/blauw-home_07.gif" width="32" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/blauw-home_08.gif" width="500" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/blauw-home_09.gif" width="27" height="29" alt=""></td>
<td>
<img src="images/blauw-home_10.gif" width="90" height="23" alt=""></td>
<td rowspan="2">
<img src="images/blauw-home_11.gif" width="19" height="29" alt=""></td>
<td>
<a href="http://www.biorust.com"><img src="images/blauw-home_12.gif" width="90" height="23" alt="" border="0"></a></td>
<td colspan="2" rowspan="2">
<img src="images/blauw-home_13.gif" width="17" height="29" alt=""></td>
<td>
<img src="images/blauw-home_14.gif" width="90" height="23" alt=""></td>
<td rowspan="2">
<img src="images/blauw-home_15.gif" width="20" height="29" alt=""></td>
<td colspan="3">
<img src="images/blauw-home_16.gif" width="90" height="23" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/blauw-home_17.gif" width="57" height="29" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td>
<img src="images/blauw-home_18.gif" width="90" height="6" alt=""></td>
<td>
<img src="images/blauw-home_19.gif" width="90" height="6" alt=""></td>
<td>
<img src="images/blauw-home_20.gif" width="90" height="6" alt=""></td>
<td colspan="3">
<img src="images/blauw-home_21.gif" width="90" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/blauw-home_22.gif" width="500" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/blauw-home_23.gif" width="136" height="165" alt=""></td>
<td colspan="6" rowspan="3">
<textarea wrap="physical" class="txtbox">Text goes here!!! Will automatically add scrollbars.</textarea>
</td>
<td colspan="4">
<img src="images/blauw-home_25.gif" width="134" height="165" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="165" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/blauw-home_26.gif" width="136" height="143" alt=""></td>
<td colspan="4">
<img src="images/blauw-home_27.gif" width="134" height="143" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="143" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/blauw-home_28.gif" width="136" height="170" alt=""></td>
<td colspan="4" rowspan="2">
<img src="images/blauw-home_29.gif" width="134" height="170" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="149" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/blauw-home_30.gif" width="230" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="90" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="90" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="90" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="71" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="26" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="31" height="1" alt=""></td>
<td></td>
</tr>
</center>
</table>
<!-- End ImageReady Slices -->
</body>
</html>