homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

image hover problem

Msg#: 4355161 posted 9:31 am on Aug 25, 2011 (gmt 0)

In my application there is a anchor image in menu.

This anchor image display only after first hover.

sorry for my poor english.!



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

Msg#: 4355161 posted 4:56 pm on Aug 25, 2011 (gmt 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.


Msg#: 4355161 posted 11:54 am on Sep 7, 2011 (gmt 0)

Thanks, A lot...!

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved