What would a coder need to make roll over buttons

Hello,
I am not a guru with programming and need some advise, I sent a webpage design to my programmer and he does not know which objects are suppose to be roll over buttons, I sent him the psd, png and gif files but he says it looks the same as before, any suggestions on what files are needed to code the roll over buttons on the webpage, I always thought png was what was needed but I am not sure. Please advise.

Thanks!!

 

Well, if your buttons are images, just make two different buttons. One 'normal' button, and one different button to show on a mouse-over event.

For example, I have a red and a blue button. The red button is the 'normal' button, and the blue button will show up as roll-over.

The HTML will look like this:

<a id="button" href="home.html"><span>Home</span></a>

Code (markup):

The CSS will look like this:

  #button {
    float: X;
    display: block;
    width: Xpx;
    height: Xpx;
    background: url(images/redbutton.png) no-repeat 0 0;
}
  #button:hover {
	background:url(images/bluebutton.png) no-repeat 0 0;
}
  #button span {
	display: none;
}

Code (markup):