Hey Sash.
This may not work properly as was messing with it just. Will have another look at it tomorrow. In the mean time here's the code so far!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/RobArt Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Template</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
#Page {
position:absolute;
left:250px;
top:15px;
width:960px;
height:889px;
z-index:1;
}
#Header {
position:absolute;
left:250px;
top:15px;
width:960px;
height:161px;
z-index:2;
background-image: url(images/Warp%20spasm%20head.png);
}
#Footer {
position:absolute;
left:250px;
top:831px;
width:960px;
height:145px;
z-index:3;
}
#Navbar {
position:absolute;
left:250px;
top:188px;
width:960px;
height:39px;
z-index:4;
}
#Content {
position:absolute;
left:250px;
top:234px;
width:960px;
height:599px;
z-index:5;
background-color: #FFFFFF;
}
#Links {
position:absolute;
left:855px;
top:38px;
width:39px;
height:46px;
z-index:6;
}
#apDiv1 {
position:absolute;
left:9px;
top:9px;
width:55px;
height:54px;
z-index:6;
}
#apDiv2 {
position:absolute;
left:250px;
top:15px;
width:960px;
height:161px;
z-index:6;
}
#Title {
position:absolute;
left:270px;
top:44px;
width:300px;
height:51px;
z-index:6;
color: #FFF;
font-size: 48px;
font-family: Impact;
}
#Links {
position:absolute;
left:900px;
top:51px;
width:137px;
height:46px;
z-index:7;
}
#strap {
position:absolute;
left:270px;
top:128px;
width:399px;
height:26px;
z-index:8;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #FFF;
}
body {
background-image: url(images/Warp%20spasm%20background.png);
}
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>
<body onload="MM_preloadImages('images/robhomeover.png','images/robbioover.png','images/portfolioover.png','images/robcontactover.png')">
<div id="Page"></div>
<div id="strap">The online portfolio of digital artist Rob Gregg</div>
<!-- InstanceBeginEditable name="Links" -->
<div id="Links"><a href="http://uk.linkedin.com/in/robgregg2175"><img src="images/LinkedIn.png" alt="LinkedIn" name="LinkedIn" width="39" height="46" id="LinkedIn" /></a> <a href="http://www.flickr.com/photos/robgregg2175/sets/"><img src="images/Flickr.png" alt="Flickr" name="Flickr" width="39" height="46" id="Flickr" /></a> <a href="http://www.facebook.com/robartgregg"><img src="images/Facebook.png" alt="Facebook" name="Facebook" width="39" height="46" id="Facebook" /></a></div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Title" -->
<div id="Title"><a href="index.html"><img src="images/robgregghead.png" width="300" height="51" alt="robgreggheader" /></a></div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Header" -->
<div id="Header"><img src="images/Warp spasm header.png" width="960" height="161" alt="Header" /></div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Content" -->
<div id="Content">
<p><body bgcolor="#FFFFFF">
<center>
<table bgcolor="white" border="0">
<tr>
<td><h1><a href="poemsgallery.html"><img src="images/poemstitle.png" width="244" height="60" alt="poems gallery"></a></h1></td>
</tr></table><br>
<table align="center" border="0" cellspacing="10">
<tr valign="bottom"><td align="center"><a href="pages/Dissolving face_jpg.htm" target="_blank"><img src="thumbnails/Dissolving face_jpg.jpg" alt="" border="0"></a>
<br>
Dissolving face.jpg</td>
<td align="center"><a href="pages/I never stood a chance_jpg.htm"><img src="thumbnails/I never stood a chance_jpg.jpg" border="0"></a>
<br>
I never stood a chance.jpg</td>
<td align="center"><a href="pages/Imprisoned in an emaiciated tree_jpg.htm"><img src="thumbnails/Imprisoned in an emaiciated tree_jpg.jpg" border="0"></a>
<br>
Imprisoned in an emaiciated tree.jpg</td>
<td align="center"><a href="pages/Into the deaths of a season_jpg.htm"><img src="thumbnails/Into the deaths of a season_jpg.jpg" border="0"></a>
<br>
Into the deaths of a season.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="pages/Jester and Venus_jpg.htm"><img src="thumbnails/Jester and Venus_jpg.jpg" border="0"></a>
<br>
Jester and Venus.jpg</td>
<td align="center"><a href="pages/My descent into decadences abyss begins_jpg.htm"><img src="thumbnails/My descent into decadences abyss begins_jpg.jpg" border="0"></a>
<br>
My descent into decadences abyss begins.jpg</td>
<td align="center"><a href="pages/Psychedelicbreakdown_jpg.htm"><img src="thumbnails/Psychedelicbreakdown_jpg.jpg" border="0"></a>
<br>
Psychedelicbreakdown.jpg</td>
<td align="center"><a href="pages/The Drunken Boat_jpg.htm"><img src="thumbnails/The Drunken Boat_jpg.jpg" border="0"></a>
<br>
The Drunken Boat.jpg</td>
</tr>
<tr valign="bottom"><td align="center"><a href="pages/The Green Fairy_jpg.htm"><img src="thumbnails/The Green Fairy_jpg.jpg" border="0"></a>
<br>
The Green Fairy.jpg</td>
<td align="center"><a href="pages/Urge_jpg.htm"><img src="thumbnails/Urge_jpg.jpg" border="0"></a>
<br>
Urge.jpg</td>
<td align="center"><a href="pages/Wings of pessimism pass over_jpg.htm"><img src="thumbnails/Wings of pessimism pass over_jpg.jpg" border="0"></a>
<br>
Wings of pessimism pass over.jpg</td>
</tr>
</table>
</center> </p>
<p> </p>
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Navbar" -->
<div id="Navbar"><a href="index.html" target="_top" onclick="MM_nbGroup('down','group1','Home','',1)" onmouseover="MM_nbGroup('over','Home','images/robhomeover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/robhome.png" alt="Home" name="Home" width="192" height="39" border="0" id="Home" onload="" /></a><a href="biography.html" target="_top" onclick="MM_nbGroup('down','group1','Biography','',1)" onmouseover="MM_nbGroup('over','Biography','images/robbioover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/robbio.png" alt="Biography" name="Biography" width="192" height="39" border="0" id="Biography" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','Blank','',1)" onmouseover="MM_nbGroup('over','Blank','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/navbarblank.png" alt="Blank" name="Blank" width="192" height="39" border="0" id="Blank" onload="" /></a><a href="portfolio.html" target="_top" onclick="MM_nbGroup('down','group1','Portfolio','',1)" onmouseover="MM_nbGroup('over','Portfolio','images/portfolioover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/portfolio.png" alt="Portfolio" name="Portfolio" width="192" height="39" border="0" id="Portfolio" onload="" /></a><a href="contactme.html" target="_top" onclick="MM_nbGroup('down','group1','Contactme','',1)" onmouseover="MM_nbGroup('over','Contactme','images/robcontactover.png','',1)" onmouseout="MM_nbGroup('out')"><img src="images/robcontact.png" alt="Contact me" name="Contactme" width="192" height="39" border="0" id="Contactme" onload="" /></a></div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Footer" -->
<div id="Footer"><img src="images/footer.png" width="960" height="71" alt="Footer" /></div>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>