Шукати в статтях підтримки

Остерігайтеся нападів зловмисників. Mozilla ніколи не просить вас зателефонувати, надіслати номер телефону у повідомленні або поділитися з кимось особистими даними. Будь ласка, повідомте про підозрілі дії за допомогою меню “Повідомити про зловживання”

Докладніше

Ця тема перенесена в архів. Якщо вам потрібна допомога, запитайте.

Why does firefox dont load some of the images on my website (CSS)

  • 11 відповідей
  • 5 мають цю проблему
  • 1 перегляд
  • Остання відповідь від 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

Обране рішення

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}

Читати цю відповідь у контексті 👍 2

Усі відповіді (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

Змінено kobe

more options

Вибране рішення

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}

Змінено 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

Змінено 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;}

Змінено cor-el

more options

fixed! THANKS A LOT!

more options