We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Este fío arquivouse. Faga unha nova pregunta se precisa axuda.

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

  • 3 respostas
  • 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

Ler a resposta no contexto 👍 0

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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

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