What I need is help here I'm using Microsoft Expressions Web (FrontPage XP) and I need help to make a bar on the left side that navigates around the site without me having copy and paste it on each page. How would I go about doing this, this is the script I have
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
a {
color: #FF0000;
}
a:visited {
color: #0000FF;
}
a:active {
color: #000000;
}
a:hover {
color: #00FF00;
}
</style>
<script type="text/javascript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body style="color: #FFFFFF; background-color: #008000" onload="FP_preloadImgs(/*url*/'button22.jpg',/*url*/'button23.jpg',/*url*/'buttonA3.jpg',/*url*/'buttonB2.jpg',/*url*/'buttonD1.jpg',/*url*/'buttonE1.jpg',/*url*/'button24.jpg',/*url*/'button25.jpg',/*url*/'button26.jpg',/*url*/'button27.jpg',/*url*/'button28.jpg',/*url*/'button29.jpg',/*url*/'button30.jpg',/*url*/'button1A.jpg',/*url*/'button6.jpg',/*url*/'button8.jpg',/*url*/'button9.jpg',/*url*/'buttonB.jpg',/*url*/'buttonC.jpg',/*url*/'buttonE.jpg',/*url*/'buttonF.jpg',/*url*/'button11.jpg',/*url*/'button12.jpg',/*url*/'button13.jpg')">
<p> </p>
<p> </p>
<table border="0" id="table1" style="WIDTH: 103px; HEIGHT: 186px">
<tr>
<td><a href="index.htm">
<img onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button22.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button23.jpg')" id="img1" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button22.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button31.jpg')" height="20" alt ="Home Page" src ="button31.jpg" width =100 border=0 fp-title="Home Page" fp-style ="fp-btn: Embossed Rectangle 2"></a></td>
</tr>
<tr>
<td>
<a href="Games%20Hosted.htm">
<img onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'buttonA3.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'buttonB2.jpg')" id="img7" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'buttonA3.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'button32.jpg')" height="20" alt ="Games Hosted" src="button32.jpg" width=100 border=0 fp-title ="Games Hosted" fp-style ="fp-btn: Embossed Rectangle 2"></a></td>
</tr>
<tr>
<td>
<img onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'buttonD1.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'buttonE1.jpg')" id="img8" onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'buttonD1.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'buttonC1.jpg')" height="20" alt="FAQs" src="buttonC1.jpg" width="100" border="0" fp-title="FAQs" fp-style ="fp-btn: Embossed Rectangle 2"></td>
</tr>
<tr>
<td>
<img onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'button24.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'button25.jpg')" id="img9" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'button24.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'buttonF1.jpg')" height="20" alt ="Site Links" src="buttonF1.jpg" width=100 border=0 fp-title ="Site Links" fp-style ="fp-btn: Embossed Rectangle 2"></td>
</tr>
<tr>
<td>
<img onmouseup="FP_swapImg(0,0,/*id*/'img10',/*url*/'button26.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img10',/*url*/'button27.jpg')" id="img10" onmouseover="FP_swapImg(1,0,/*id*/'img10',/*url*/'button26.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img10',/*url*/'button33.jpg')" height="20" alt ="RPG Maker" src="button33.jpg" width=100 border=0 fp-title ="RPG Maker" fp-style ="fp-btn: Embossed Rectangle 2"></td>
</tr>
<tr>
<td>
<img onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'button28.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'button29.jpg')" id="img11" onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'button28.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'button34.jpg')" height="20" alt ="Other Makers" src="button34.jpg" width=100 border=0 fp-title ="Other Makers" fp-style ="fp-btn: Embossed Rectangle 2"></td>
</tr>
<tr>
<td>
<img border="0" id="img12" src="button35.jpg" height="20" width="100" alt="Forums" onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'button30.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'button35.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'button1A.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'button30.jpg')" fp-style="fp-btn: Embossed Rectangle 2" fp-title="Forums"></td>
</tr>
</table>
</body>
</html>
If you know how to make it so that pages apear on the right of it please help.