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
Zgjidhje e zgjedhur
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}
Krejt Përgjigjet (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
Ndryshuar nga kobe
Zgjidhja e Zgjedhur
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}
Ndryshuar nga 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
Ndryshuar nga 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;}
Ndryshuar nga cor-el
fixed! THANKS A LOT!
You're welcome
For future uses...