This button now looks more like the kind of thing you would find on a regular website

In the head you put this:

Rollimage = new Array() Rollimage[0]= new Image(100,50) Rollimage[0].src = "images/button1.png" Rollimage[1] = new Image(100,50) Rollimage[1].src = "images/button2.png" Rollimage[2] = new Image(100,50) Rollimage[2].src = "images/button3.png" function SwapOut(){ document.Year6.src = Rollimage[1].src; return true; } function SwapBack(){ document.Year6.src = Rollimage[0].src; return true; } function Swapin(){ document.Year6.src = Rollimage[2].src; return true; }

Remember JavaScript is case sensitive so be very careful with capital letters and lower case letters.

In the body you put this

<a href="http://www.cheshirefire.gov.uk" onmouseover="SwapOut()" onmouseout="SwapBack()" onmousedown="Swapin()"> <img src="images/button1.png" name="Year6" width="100" height="50" border="0" /> </a>