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 does firefox dont load some of the images on my website (CSS)

  • 11 odgovori
  • 5 ima ovaj problem
  • 1 view
  • Posljednji odgovor poslao kobe

more options

Firefox won't load some of the images on my website thru css while other images (same code) will work.

Code(s) that doesnt work: .bid_btn{background:url(../images/bid_btn1.png) no-repeat; width:150px; color:#FFF; height:34px; line-height:34px; text-align:center; text-decoration:none; display:block; font-size:14px; font-weight:bold; text-transform:capitalize;}

.product_border{background:url(../images/productbg.png); width:172px; height:374px; text-align:center; }

Code that does work:

.register_btn:hover{background:url(../images/register_btn_hover1.png) no-repeat; width:250px; color:#ffdd18; height:50px; line-height:50px; text-align:center; text-decoration:none; display:block; font-size:30px;}


Kind Regards

Firefox won't load some of the images on my website thru css while other images (same code) will work. Code(s) that doesnt work: .bid_btn{background:url(../images/bid_btn1.png) no-repeat; width:150px; color:#FFF; height:34px; line-height:34px; text-align:center; text-decoration:none; display:block; font-size:14px; font-weight:bold; text-transform:capitalize;} .product_border{background:url(../images/productbg.png); width:172px; height:374px; text-align:center; } Code that does work: .register_btn:hover{background:url(../images/register_btn_hover1.png) no-repeat; width:250px; color:#ffdd18; height:50px; line-height:50px; text-align:center; text-decoration:none; display:block; font-size:30px;} Kind Regards

Izabrano rješenje

There is a missing closing ")" in the file that causes Firefox to skip the rest

Unexpected end of file while searching for closing } of declaration block. @ http://www.opvakantiebieden.nl/.css/templates.css:38

Line 17: top_menu a:hover{background:url(../images/menu_bgtesthover.png) font-size:16px; text-decoration:none; padding-left:10px; padding-right:10px;text-align:center; color:#FFF; display:block}

Pročitajte ovaj odgovor sa objašnjenjem 👍 2

All Replies (11)

more options

Did you check that the images are there?

Are there error messages in the Web Console (Firefox/Tools > Web Developer;Ctrl+Shift+K)?


Can you post a link to a publicly accessible page that doesn't require authentication (signing on)?

more options

http://opvakantiebieden.nl/ and there are no errors on it.

more options

never mind

Izmjenjeno od strane kobe

more options

Odabrano rješenje

There is a missing closing ")" in the file that causes Firefox to skip the rest

Unexpected end of file while searching for closing } of declaration block. @ http://www.opvakantiebieden.nl/.css/templates.css:38

Line 17: top_menu a:hover{background:url(../images/menu_bgtesthover.png) font-size:16px; text-decoration:none; padding-left:10px; padding-right:10px;text-align:center; color:#FFF; display:block}

Izmjenjeno od strane cor-el

more options

Thanks!

I was so stupid to forget that.

Problem resolved!!

more options

You're welcome

Note that there is a lot of red error code showing in the page source (Ctrl+U).

  • Firefox > Web Developer > Page Source
  • right-click on a web page to open the context menu and select View Page Source

Izmjenjeno od strane cor-el

more options

another question, the topbar isn't working wel in firefox too?

http://www.opvakantiebieden.nl/

.top_menu{ font-size:15px;} .top_menu a{ font-size:15px; text-decoration:none; padding-left:10px; padding-right:10px;text-align:center; color:#FFF; display:inline-block; width:150px;}

more options

Seems to be caused by the display:inline-block; rule. If I disable that rule via the Inspector then it display correct.

.menu_bg{background:url(../images/menu_bgtest.png) center repeat-x; width:100%; color:#1aabf6; height:64px; line-height:62px; text-align:left; text-decoration:none; display:inline-block; font-size:22px;}

Izmjenjeno od strane cor-el

more options

fixed! THANKS A LOT!

more options