Hey guy's, it's me once again . I need to know what the CSS code would be to create a hover image, like I have 3 buttons created, I want one for regular, one for hover, one for selecting the button. If you visit my site at www.kingfizz.com you can see the project i'm working on. The images are off to the right hand side of the page. Please help me with the coding, I think I did the menu right this time..

What kind of effect do you want?
http://kyleschaeffer.com/user-experienc … age-hover/

http://www.w3schools.com/css/tryit.asp? … ansparency

Hey Eric, it seems as if one site won't work, I have my menu directed to an <a> class already.. heres the code i'm using within the CSS..


Then within the body code.. it's ..


For some odd reason, the code isn't working for my CSS menu, I hover over my "Home" button and it stays the same, I have two images picked out for this particular project for each button. And I have like 5 different buttons to code with the hover link image.. I don't know what i'm doing wrong?

Is this for the http://kingfizz.com/ because I do not show that code linked to your menu button. There is no class on your home button for that matter. It is just an image. Did you take it down?

.myButtonLink:hover {
background-position: 0 0;
background: url('button_hov_home.png') bottom;
}

That is what your hover css should look like. You have the hov image in the regular style of the button. You need to place it in the hover element.

Got it to work with the second code Eric gave me, I just wont use images to do what CSS can do for me Thanks for the help guys, you can close this thread..