How To Insert Hover Menu Background Image

That code would be to add it to the anchor and not the li. If the anchor isn’t big enough then you won’t see it. Also you need to add :hover to the li for the background to activate on mouseover.

#menu li:hover {
    background: ...;
}

or

#menu li:hover > a {
    background: ...;
}

I hope this helps.

@borimrr

i tried the code above but no luck, can’t get the link to have a hover image on mouse over. actually i managed to get the css sometime back but i lost it……

i think only anton can help us here… anton where are you

Hello anton man help me out here !!! please

Start by amending the image file to include both the hover and inactive link images inactive image at the top, hover image at the bottom. then use something like:

#menu li a, #menu li span{
    display:block;
    height:30px;
    line-height:30px;
    font-size:1.2em;
    background-image: url(images/menu.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}
#menu li a:hover, #menu li a:active, #menu li a:focus {
    background-position:right bottom;
}

Emsi

i still cant get it to work and the code you gave is to customize the menu
for background image,
i want to have hover image, but cant find out a way. i tried almost everything, but the default hover color appears on the menu.
??

Hi, post url pls…

It’s a lot easier to help you if you include the url of the site you are trying to fix.

here that also shows what i am trying to do : https://yfrog.com/msthemeej

You can found solutions in nix-gray subtheme, see CSS file https://code.google.com/p/wp-constructor/source/browse/trunk/themes/nix-gray/style.css

I have just done this for the Twenty Ten theme, it might help!

Adding Menu Images and here is the menu in action!

HTH

David