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
פתרון נבחר
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}
כל התגובות (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
השתנתה ב־ על־ידי kobe
פתרון נבחר
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
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
השתנתה ב־ על־ידי 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;}
השתנתה ב־ על־ידי cor-el
fixed! THANKS A LOT!
You're welcome
For future uses...