Forum Moderators: not2easy

Message Too Old, No Replies

image hover problem

         

jjoshijay

9:31 am on Aug 25, 2011 (gmt 0)

10+ Year Member



In my application there is a anchor image in menu.

This anchor image display only after first hover.


sorry for my poor english.!

rocknbil

4:56 pm on Aug 25, 2011 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome aboard jjoshijay, if it's a menu assign the hover: pseudo class and image to the anchor, not the image . . .

<a href="/" id="home">Home</a>

#nav li a { display: block; width: 100px; height: 30px; background-position: top left; background-repeat: no-repeat; text-indent:-50000px; outline:none; }
#nav li a:hover { background-position: bottom left; }
#home { background-image: url(/images/navs/home.gif); }

Or if it's different, show us small snippets of the relevant HTML and CSS.

jjoshijay

11:54 am on Sep 7, 2011 (gmt 0)

10+ Year Member



Thanks, A lot...!