Why does firefox dont load some of the images on my website (CSS)
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
Ausgewählte Lösung
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}
Alle Antworten (11)
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)?
http://opvakantiebieden.nl/ and there are no errors on it.
never mind
Geändert am von kobe
Ausgewählte Lösung
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}
Geändert am von cor-el
Thanks!
I was so stupid to forget that.
Problem resolved!!
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
Geändert am von cor-el
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;}
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;}
Geändert am von cor-el
fixed! THANKS A LOT!
You're welcome
For future uses...