Color my dot_small.gif when mouseover it.

[vemate]

Please help me with code to make my gold button change colors to "red" when touched. I have a table of contents with a number of buttons.

<tr><td><a href="index_table.htm"><img src="dot_small.gif" border="0" width="20" height="20" "border=0 alt="Click Here!><a href="index_table.htm" target="_top" ><font color="blue" size=2><b><I>&nbsp;&nbsp;Support and Passwords</i></b></a>

I have tried a number of things that do not work..
Thanks

 

[kpetursson]

you can do the with CSS using the pseudo class Hover.
Google it to get all the details.

Kevin Petursson

 

[spewn]

use this for rollover image change...i have included a 2px border to illustrate the color change.

<script>
buttonState='off';
function setButton(x) {
 if (buttonState=='off') {
 document.getElementById(x).src='image1_red.gif'; 
 document.getElementById(x).style.border="2px solid red";
 buttonState='on';
 }
 else {
 document.getElementById(x).src='image1_gold.gif'; 
 document.getElementById(x).style.border="2px solid gold";
 buttonState='off';
 }
}
</script>
<a href='' onMouseover=setButton('button1') onMouseout=setButton('button1')><img src='image1_gold.gif' style='border:2px solid gold;' id=button1></a>

hope that helps.

- g