Hi Naval,
The code for the first navigation button to appear in the source code for my index page is:
<script language="JavaScript" type="text/javascript">
<!--
RollOver1 = new Image();
RollOver1.src = "bl-aq-home_over.jpg";
//-->
</script>
<img src="bl-aq-home.jpg" id="RollOver1" width="94" height="23" alt="" border="0" onMouseOver="this.src='bl-aq-home_over.jpg'" onMouseOut="this.src='bl-aq-home.jpg'">
</div>
Now I go to the code for the first navigation button on my "commissions" page where the navigation is working OK:
<div id="bv_RollOver2" style="position:absolute;left:297px;top:7px;width: 94px;height:23px;z-index:0" align="left">
<script language="JavaScript" type="text/javascript">
<!--
RollOver2 = new Image();
RollOver2.src = "bl-aq-commissions_over.jpg";
//-->
</script>
<a href="//www.jamesbartondesign.com/commissions.html">
<img src="bl-aq-commissions.jpg" id="RollOver2" width="94" height="23" alt="" border="0" onMouseOver="this.src='bl-aq-commissions_over.jpg'" onMouseOut="this.src='bl-aq-commissions.jpg'">
</a>
</div>
Now there are two different lines of code in the example from my commissions page, on either side of the line: <img src="bl-aq-home.jpg" id="RollOver1" width="94" height="23"
alt="" border="0" onMouseOver="this.src='bl-aq-home_over.jpg'"
onMouseOut="this.src='bl-aq-home.jpg'">
1).
<a href="//www.jamesbartondesign.com/commissions.html">
2).
</a>
My thinking is that i have to *******te this code around each navigation button (substituting the words index, commissions, products etc. in the appropriate places). In simple terms (it has to be!) how can I do this. It does not work to simply clone the navigation buttons from, say, my commissions page. When I preview in the browser window it seems OK, but when I publish the navigation does not work from my index page. Any help would be greatly appreciated.