Welcome to WebmasterWorld Guest from 54.163.54.95

Forum Moderators: not2easy

Message Too Old, No Replies

image hover problem

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

New User

5+ Year Member

joined:Aug 25, 2011
posts: 3
votes: 0


In my application there is a anchor image in menu.

This anchor image display only after first hover.


sorry for my poor english.!
4:56 pm on Aug 25, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
posts:7999
votes: 0


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.
11:54 am on Sept 7, 2011 (gmt 0)

New User

5+ Year Member

joined:Aug 25, 2011
posts: 3
votes: 0


Thanks, A lot...!