Reply
IE CSS hover image not clearing after hover
Old 07-12-2006, 04:50 PM IE CSS hover image not clearing after hover
Junior Talker

Posts: 2
Name: Lane Waterman
I have a problem with the site I am designing. Internet explorer when you move your mouse over the button from the top the hover works correctly, when you move the mouse from bottom to top the image does not disapear like it should until you move from top down again.
The page is http://www.cobratec.com/navtest.html


Sorry for the sloppiness of my code, I've been trying alot of things to fix the problem and may have some unneeded bits there.

In addition to that problem I just discovered that the page is displaying differently on different computers all using IE 6.

In versions
6.0.29D0.2180.xpsp.050928-1517
6.0.2900.2180.xpsp_sp2_rtm.040803-2158
the page only has the problem I listed above.
But in IE version
6.0.2900.2180.xpsp_sp2_gdr.050301-1519
it has the problem listed above and the buttons flicker when you hover over them and sometimes disapear completely.
Does anyone know what I can do to fix these problems?
Vigothe6th is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 07-13-2006, 02:26 AM Re: IE CSS hover image not clearing after hover
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,945
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
You're looking at this from precisely the wrong angle.

There are two ways you can solve this, both of which involve creating "hover" and "non-hover" images containing the text for each button inside of the circle. For example, have a Home and then a Home over button.

From there, you can either:

1) Use CSS for the mouseovers (although I find this to be slow).

2) Use Javascript for the mouseovers. There are about a million scripts out there for this, since it's as old as time itself.

To see a practical example of what I'm talking about:

www.awardkitchenrefacers.ca

This is something I built that has a simple Javascript mouseover effect. Go ahead and lift the code: it's freely available anyway.
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 07-13-2006, 02:00 PM Re: IE CSS hover image not clearing after hover
Junior Talker

Posts: 2
Name: Lane Waterman
I'm not sure I understand what you think I'm doing wrong. I have created my mouseovers based on the css techniques in this article: http://www.alistapart.com/articles/sprites

It is working perfectly in Firefox.

I have since found out that the version of IE does not seem to be the problem because when I got home I checked my computer and my girlfriends and on hers it doesn't work and on mine it does and we both have the exact same build of IE 6.
Vigothe6th is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to IE CSS hover image not clearing after hover
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.14013 seconds with 12 queries