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
Giải pháp được chọn
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}
Tất cả các câu trả lời (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
Được chỉnh sửa bởi kobe vào
Giải pháp được chọn
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}
Được chỉnh sửa bởi cor-el vào
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
Được chỉnh sửa bởi cor-el vào
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;}
Được chỉnh sửa bởi cor-el vào
fixed! THANKS A LOT!
You're welcome
For future uses...