Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

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

  • 3 biyano
  • 26 eza na bankokoso oyo
  • 1 view
  • Eyano yasuka ya 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?

Solution eye eponami

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

Tanga eyano oyo ndenge esengeli 👍 0

All Replies (3)

more options

Solution eye oponami

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