blinking navigation and shortcut icons in ie, mozilla ok

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
Erwin
Ensign (ENS)
Ensign (ENS)
Posts: 9
Joined: Wed Nov 14, 2007 1:25 pm
Location: Anaheim

blinking navigation and shortcut icons in ie, mozilla ok

Post by Erwin » Thu Nov 29, 2007 9:49 am

Hello,

We have replaced the default icons for our header shortcuts and navigation links with custom images with no problem but we noticed that the images tend to "blink" or refresh upon rolling over the links. This is most likely very easy to resolve but im not exactly sure how to go about fixing this. The only change to the default header shortcuts and navigation links css would be the image names. This seems to only be happening in ie not firefox web browsers.


blinking icons, blinking image icons, prevent image refresh on rollover

Erwin
Ensign (ENS)
Ensign (ENS)
Posts: 9
Joined: Wed Nov 14, 2007 1:25 pm
Location: Anaheim

Re: blinking navigation and shortcut icons in ie, mozilla ok

Post by Erwin » Thu Dec 13, 2007 3:07 pm

Erwin wrote:Hello,

We have replaced the default icons for our header shortcuts and navigation links with custom images with no problem but we noticed that the images tend to "blink" or refresh upon rolling over the links. This is most likely very easy to resolve but im not exactly sure how to go about fixing this. The only change to the default header shortcuts and navigation links css would be the image names. This seems to only be happening in ie not firefox web browsers.


blinking icons, blinking image icons, prevent image refresh on rollover
68 views, no replys. i guess no body knows what im talkin about. lol.

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Post by jmestep » Fri Dec 14, 2007 7:14 am

Can you post a link? The only thing I can think of is that you might have images and text both within the <a> tag, like:

<a href="whatever.aspx"><Img src="image.jpg">Text here also </a>
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

Erwin
Ensign (ENS)
Ensign (ENS)
Posts: 9
Joined: Wed Nov 14, 2007 1:25 pm
Location: Anaheim

Post by Erwin » Fri Dec 14, 2007 9:40 am

jmestep wrote:Can you post a link? The only thing I can think of is that you might have images and text both within the <a> tag, like:

<a><Img>Text here also </a>
http://www.marteldirect.com/Default.aspx it seems to be only doing it in ie 6.0 not sure about 7.0

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Post by jmestep » Fri Dec 14, 2007 1:43 pm

I'm not seeing a problem in IE7 or Firefox. Do you see the same problem on Joe's site--www.solunar.com ?
Other than different images, there is a margin property in your code:

<div class="content" style="margin:0; float:left">

Joe's:
<div class="content" style="float:left;">
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

Erwin
Ensign (ENS)
Ensign (ENS)
Posts: 9
Joined: Wed Nov 14, 2007 1:25 pm
Location: Anaheim

Post by Erwin » Fri Dec 14, 2007 3:09 pm

jmestep wrote:I'm not seeing a problem in IE7 or Firefox. Do you see the same problem on Joe's site--www.solunar.com ?
Other than different images, there is a margin property in your code:

<div>

Joe's:
<div>
Yes, its happening on http://www.solunar.com only in IE 6.0, IE 7 is fine.

Post Reply