Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

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

This thread was archived. Əgər kömək lazımdırsa lütfən yeni sual verin.

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

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

amanthar
amanthar
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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Seçilmiş Həll

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

amanthar
amanthar Question owner
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!!!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome