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
Wubrane rozrisanje
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}
Wšě wotmołwy (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
Wot kobe změnjeny
Wubrane rozrisanje
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}
Wot cor-el změnjeny
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
Wot cor-el změnjeny
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;}
Wot cor-el změnjeny
fixed! THANKS A LOT!
You're welcome
For future uses...