Posted by KiwiBrian on 05/20/06 23:43

"Edwin van der Vaart" <e.vandervaart@nospamgmail.com> wrote in message
news:NGHbg.670$YI3.498@amstwist00...
> KiwiBrian wrote:
>> On a web page I have a graphic for a Shopping Cart Submit button.
>> It is within a form.
>> I would like to perform an image swap to an identical graphic of a
>> different colour when I hover over the button.
>> Can anyone show me how to do this, or point me to an implementation.
>> My present code is:-
>> <input type="image" name="submit" src="images/addtocart1.gif">
>> This changes the cursor to a hand, and operates the button when clicked.
>> I just want to add the image swap on hover. Must work identically on IE6
>> and Firefox.

> You can use stylesheet for the hover effect for the button e.g.
> input.button {
> background-color: url(images/addtocart1.gif) #ff6666;
> color: #ffffff;}
>
> input.button:hover {
> color : #000000;
> background: images/addtocart2.gif) #ffcc99;}
>
> <input class="button" type="submit" name="submit">

Thankyou Edwin for your help.
I have been unable to get this functioning in IE6, even trying many
permutations.
I suspect that there are typos involved.
I welcome further comment and input on this subject.
Thanks
Brian

[Back to original message]