Firefox problem on click

March 25, 2009 at 14:36:49
Specs: Macintosh
When viewing my webpage in Firefox, both on my Mac and PC version, when you click on any linked image, a pixel dot appears in the top left corner of the image. It lasts for just the second you click and then it goes away. It doesn't happen in explorer or Safari. What causes this and can I stop it?

See More: Firefox problem on click

Report •

March 25, 2009 at 20:36:06
Hi, can you send us the URL to view?

Report •

March 26, 2009 at 08:35:56
Yes, here it is. Thanks!

Report •

March 27, 2009 at 11:05:29
Hi, there are a couple of areas that I would suggest looking into that might be causing the issue.

The first thing that I would try is testing the variable spacerb.gif. The reason is because it is a 1x1 pixel in black--which is similar to the issue you are seeing upon clicking on images. My suggestion would be to try changing the color to the background color so it would blend in more. So if the background color is white, create a spacerb.gif (or a new variable in a different name) in white.

Let me know if that works for you.

Report •

Related Solutions

March 29, 2009 at 07:20:08
Hi, let me know if that solution works for you or not.

Report •

March 29, 2009 at 07:36:44
Thank you, but that won't work. I had the issue from the beginning when my friend coded the page. At that time there was only one spacer.gif and it was white. Still when you clicked on things you got a black dot.

I created the spacerb.gif later to fix a different problem where there was a white line I wanted to hide with the brown background color.

Report •

March 29, 2009 at 23:25:04
I think the cause is <style type="text/css">td img { display: block } </style> as for a solution, I'm not certain, but I think it's a bug in FF. I saved your site locally, and played around a bit with the source.

I modified the nancyg.css file to include

.linked:active {  
   background-color: rgb(245, 251, 229);
   color: rgb(245, 251, 229);

.linked:visited {
   background-color: rgb(245, 251, 229);  
   color: rgb(245, 251, 229);

In the index.htm page, I modified the anchors of the affected menu choices to include the linked class. That *appears* to have blended the "dot" to that of the background image... it's a hack for sure and only tested with FF 3, but it may be something to try.


Report •

April 8, 2009 at 11:22:54
This worked. It took me a while to put the class into each image htm, but it fixed the problem in Firefox, and didn't create problems in other browsers. Thank you!!!

Report •

Ask Question