This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Why won't my image link display in Firefox unless link path is invalid?

  • 3 replies
  • 26 have this problem
  • 1 view
  • Last reply by cor-el

more options

I am trying to code this site and everything was fine until I created the pages named in the a href's of the large pictures:

           <a href="pages/resto1.html" target="self"></a>
When the file is created and path is correct, link image disappears. When the path/name is incorrect or the file does not exist the image appears. Works fine in Safari and Chrome. Firebug gives a href line as grayed out/element not visible. What gives please?
I am trying to code this site and everything was fine until I created the pages named in the a href's of the large pictures: <div id="resto1Sp"> <a href="pages/resto1.html" target="self"></a> </div> When the file is created and path is '''correct''', link image disappears. When the path/name is '''incorrect''' or the file does not exist the image appears. Works fine in Safari and Chrome. Firebug gives a href line as grayed out/element not visible. What gives please?

Chosen solution

You use #resto1Sp a:link (:link means unvisited) , so if the link has been visited then a:visited would apply and you won't see the background image and to see that image once again you need to clear the history. So just leave out the :link and only use :hover in the CSS rules.

See http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes

Read this answer in context 👍 0

All Replies (3)

more options

Chosen Solution

You use #resto1Sp a:link (:link means unvisited) , so if the link has been visited then a:visited would apply and you won't see the background image and to see that image once again you need to clear the history. So just leave out the :link and only use :hover in the CSS rules.

See http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes

more options

Oh duh. I literally stared at this all day and I did not even catch that. Thank you thank you thank you thank you thank you!!!

more options

You're welcome