<html>
<head>
<title>....WYT....</title>
</head>
<body bgcolor="#DEDED6">
<div align="center">
<table width="95%" height="95%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#DEDED6" bordercolordark="#DEDED6">
<tr>
<td align="center" width="100%" valign="middle" height="100%">
<center><IFRAME NAME="frame" SRC="body.html" allowtransparency="true" frameborder="0" ALIGN="top" HEIGHT="501"
WIDTH="701" HSPACE="10" VSPACE="10"></center> <font face="Arial" size="1">sorry, your browser does not support iframes</font></IFRAME></td>
</tr>
</table>
</div>
</body>
</html>
That's to make the page in a table and centre in the middle of the page both vertically and horizontally, a kind of short cut that might not of worked out!
Then there's the 'body' which has all the links and info etc in...
<html>
<head>
<title>WYTT</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
bikes_over = newImage("images/bikes-over.png");
extras_over = newImage("images/extras-over.png");
links_over = newImage("images/links-over.png");
home_over = newImage("images/home-over.png");
team_over = newImage("images/team-over.png");
media_over = newImage("images/media-over.png");
preloadFlag = true;
}
}
// -->
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
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[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();MM_preloadImages('images/links-over.png')">
<center>
<table id="Table_01" width="701" height="501" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15">
<img src="images/index_01.png" width="700" height="69" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="69" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/index_02.png" width="267" height="1" alt=""></td>
<td rowspan="3">
<a href="bikes.html" target="iframe"
onmouseover="changeImages('bikes', 'images/bikes-over.png'); return true;"
onmouseout="changeImages('bikes', 'images/bikes.png'); return true;"
onmousedown="changeImages('bikes', 'images/bikes-over.png'); return true;"
onmouseup="changeImages('bikes', 'images/bikes-over.png'); return true;">
<img name="bikes" src="images/bikes.png" width="68" height="30" border="0" alt=""></a></td>
<td colspan="3">
<img src="images/index_04.png" width="93" height="1" alt=""></td>
<td rowspan="3">
<a href="extras.html" target="iframe"
onmouseover="changeImages('extras', 'images/extras-over.png'); return true;"
onmouseout="changeImages('extras', 'images/extras.png'); return true;"
onmousedown="changeImages('extras', 'images/extras-over.png'); return true;"
onmouseup="changeImages('extras', 'images/extras-over.png'); return true;">
<img name="extras" src="images/extras.png" width="89" height="30" border="0" alt=""></a></td>
<td rowspan="4">
<img src="images/index_06.png" width="11" height="52" alt=""></td>
<td rowspan="3">
<a href="links.html" target="iframe"
onmouseover="changeImages('links', 'images/links-over.png'); return true;"
onmouseout="changeImages('links', 'images/links.png'); return true;"
onmousedown="changeImages('links', 'images/links-over.png'); return true;"
onmouseup="changeImages('links', 'images/links-over.png'); return true;">
</a><a href="Links.html" target="iframe" onMouseOver="MM_swapImage('Image47','','images/links-over.png',1)" onMouseOut="MM_swapImgRestore()"><img src="images/links.png" name="Image47" width="69" height="30" border="0"></a></td>
<td colspan="2" rowspan="4">
<img src="images/index_08.png" width="103" height="52" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/index_09.png" width="110" height="51" alt=""></td>
<td>
<a href="home.html" target="iframe"
onmouseover="changeImages('home', 'images/home-over.png'); return true;"
onmouseout="changeImages('home', 'images/home.png'); return true;"
onmousedown="changeImages('home', 'images/home-over.png'); return true;"
onmouseup="changeImages('home', 'images/home-over.png'); return true;">
<img name="home" src="images/home.png" width="68" height="28" border="0" alt=""></a></td>
<td rowspan="3">
<img src="images/index_11.png" width="12" height="51" alt=""></td>
<td>
<a href="team.html" target="iframe"
onmouseover="changeImages('team', 'images/team-over.png'); return true;"
onmouseout="changeImages('team', 'images/team.png'); return true;"
onmousedown="changeImages('team', 'images/team-over.png'); return true;"
onmouseup="changeImages('team', 'images/team-over.png'); return true;">
<img name="team" src="images/team.png" width="66" height="28" border="0" alt=""></a></td>
<td rowspan="3">
<img src="images/index_13.png" width="11" height="51" alt=""></td>
<td rowspan="3">
<img src="images/index_14.png" width="10" height="51" alt=""></td>
<td>
<a href="media.html" target="iframe"
onmouseover="changeImages('media', 'images/media-over.png'); return true;"
onmouseout="changeImages('media', 'images/media.png'); return true;"
onmousedown="changeImages('media', 'images/media-over.png'); return true;"
onmouseup="changeImages('media', 'images/media-over.png'); return true;">
<img name="media" src="images/media.png" width="71" height="28" border="0" alt=""></a></td>
<td rowspan="3">
<img src="images/index_16.png" width="12" height="51" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_17.png" width="68" height="23" alt=""></td>
<td rowspan="2">
<img src="images/index_18.png" width="66" height="23" alt=""></td>
<td rowspan="2">
<img src="images/index_19.png" width="71" height="23" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_20.png" width="68" height="22" alt=""></td>
<td>
<img src="images/index_21.png" width="89" height="22" alt=""></td>
<td>
<img src="images/index_22.png" width="69" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_23.png" width="1" height="379" alt=""></td>
<td colspan="13" background="images/Body.png" width="698" height="314" alt="">
<iframe src="home.html" width="698" height="314" name="iframe">
</iframe>
</td>
<td rowspan="2">
<img src="images/index_25.png" width="1" height="379" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="314" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/index_26.png" width="698" height="65" border="0" usemap="#Map"></td>
<td>
<img src="images/spacer.gif" width="1" height="65" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="109" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="68" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="68" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="71" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="89" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="69" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="102" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td></td>
</tr>
</table>
</center>
<map name="Map">
<area shape="rect" coords="281,47,407,62" href="mailto:admin@wytrails.co.uk" target="_blank">
</map>
</body>
</html>
Cheers Danny...
