[SOLVED] Background Colours

christopher2405 · 07-14-2009, 12:11 PM

I have just finished going through the W3C HTML tutorial, and have moved onto CSS as the tutorial was so easy and helpful.

I have specified a background colour in the CSS template, and it works fine - but only if I open it in Internet Explorer (Chrome and Firefox don't work). Does anyone know where I'm going wrong?

I've attached both files (in a zipped folder), and would appreciate some help. Also, please ignore the fact that the web page is completely nonsensical, I just threw everything I was learning into one HTML document. Also, the CSS document is just to see how to do things, not to actually make it look pretty (at least at this stage)

Thanks again.
site.zip

**jamiemac2005** · 07-14-2009, 03:18 PM

Hey, yep it's just a small problem in style.css:

Code:

body {background-color=#C0C0C0}

The "=" isn't a CSS operator... you need to change it to:

Code:

body {background-color:#C0C0C0}

Happy coding.
Cheers,
Jamey

christopher2405 · 07-14-2009, 03:26 PM

Thanks for the reply, but that still isn't working in Chrome or Firefox though. Everything is working fine other than this background, and even that still works in Internet Explorer. It's just slightly frustrating to not know why it won't work in my favourite browser.

**jamiemac2005** · 07-14-2009, 03:30 PM

Got it working on my PC. Two things to try:

1) Add a semicolon to the end of the definition(sorry i missed this out in my post because it's almost second nature to me when coding and i forgot haha =]) :

Code:

body {background-color:#C0C0C0;}

2) In firefox perform a full(non cache) refresh of the page (Hit [Ctrl]+F5, or hold [Ctrl] and refresh the page). Sometimes CSS stylesheets are cached by your browser, which can lead to them being loaded instead of a modified stylesheet. I had this problem a few times when coding.

Cheers,
Jamey

christopher2405 · 07-14-2009, 03:44 PM

Sorry, still not working.

I'll take some screenshots and post again in the morning, but thanks for your help.

**jamiemac2005** · 07-14-2009, 03:56 PM

Okay, i've uploaded and attached my working version. This one definately works so compare it with what you have and see if you get the same problem?

Cheers,
Jamey

**DJ-Zep** · 07-14-2009, 03:57 PM

Hello Christopher. Please repost the updated files when you get a chance so that Jamey and I can diagnose the problem. Thanks

christopher2405 · 07-15-2009, 06:35 AM

Thanks for your help so far. I've added more to the CSS document since yesterday, including what you said, and for whatever reason it is now working in Chrome as well. I typed exactly what you first said, and it didn't work, but when I copied and pasted, it did.

Never mind, working now - thanks again.

07-14-2009, 12:11 PM	#1 (permalink)
christopher2405 Registered User Join Date: May 2007 Location: Sunderland Posts: 158 OS: Windows XP Home SP3, Windows Vista Home Basic My System	[SOLVED] Background Colours I have just finished going through the W3C HTML tutorial, and have moved onto CSS as the tutorial was so easy and helpful. I have specified a background colour in the CSS template, and it works fine - but only if I open it in Internet Explorer (Chrome and Firefox don't work). Does anyone know where I'm going wrong? I've attached both files (in a zipped folder), and would appreciate some help. Also, please ignore the fact that the web page is completely nonsensical, I just threw everything I was learning into one HTML document. Also, the CSS document is just to see how to do things, not to actually make it look pretty (at least at this stage) Thanks again. site.zip __________________ "Those who can, do; those who can't, teach; those who can't teach, teach PE" Last edited by christopher2405; 07-14-2009 at 12:18 PM. Reason: Forgot attachments

07-14-2009, 03:18 PM	#2 (permalink)
jamiemac2005 Design Team Member Join Date: Jul 2007 Location: Coventry, UK Posts: 1,880 OS: Vista, various linux distros	Re: Background Colours Hey, yep it's just a small problem in style.css: Code: body {background-color=#C0C0C0} The "=" isn't a CSS operator... you need to change it to: Code: body {background-color:#C0C0C0} Happy coding. Cheers, Jamey __________________ Myspace

07-14-2009, 03:26 PM	#3 (permalink)
christopher2405 Registered User Join Date: May 2007 Location: Sunderland Posts: 158 OS: Windows XP Home SP3, Windows Vista Home Basic My System	Re: Background Colours Thanks for the reply, but that still isn't working in Chrome or Firefox though. Everything is working fine other than this background, and even that still works in Internet Explorer. It's just slightly frustrating to not know why it won't work in my favourite browser. __________________ "Those who can, do; those who can't, teach; those who can't teach, teach PE"

07-14-2009, 03:30 PM	#4 (permalink)
jamiemac2005 Design Team Member Join Date: Jul 2007 Location: Coventry, UK Posts: 1,880 OS: Vista, various linux distros	Re: Background Colours Got it working on my PC. Two things to try: 1) Add a semicolon to the end of the definition(sorry i missed this out in my post because it's almost second nature to me when coding and i forgot haha =]) : Code: body {background-color:#C0C0C0;} 2) In firefox perform a full(non cache) refresh of the page (Hit [Ctrl]+F5, or hold [Ctrl] and refresh the page). Sometimes CSS stylesheets are cached by your browser, which can lead to them being loaded instead of a modified stylesheet. I had this problem a few times when coding. Cheers, Jamey __________________ Myspace

07-14-2009, 03:44 PM	#5 (permalink)
christopher2405 Registered User Join Date: May 2007 Location: Sunderland Posts: 158 OS: Windows XP Home SP3, Windows Vista Home Basic My System	Re: Background Colours Sorry, still not working. I'll take some screenshots and post again in the morning, but thanks for your help. __________________ "Those who can, do; those who can't, teach; those who can't teach, teach PE"

07-14-2009, 03:57 PM	#7 (permalink)
DJ-Zep Design Team Join Date: Mar 2006 Location: Philadelphia Posts: 1,541 OS: Windows Vista Home Premium (x64) My System	Re: Background Colours Hello Christopher. Please repost the updated files when you get a chance so that Jamey and I can diagnose the problem. Thanks __________________ Nice music blog Nvu \|\| Notepad++ \|\| Apache \|\| PHP \|\| Keep TSF Alive "The great thing about a computer notebook is that no matter how much you stuff into it, it doesn't get bigger or heavier."

07-15-2009, 06:35 AM	#8 (permalink)
christopher2405 Registered User Join Date: May 2007 Location: Sunderland Posts: 158 OS: Windows XP Home SP3, Windows Vista Home Basic My System	Re: Background Colours Thanks for your help so far. I've added more to the CSS document since yesterday, including what you said, and for whatever reason it is now working in Chrome as well. I typed exactly what you first said, and it didn't work, but when I copied and pasted, it did. Never mind, working now - thanks again. __________________ "Those who can, do; those who can't, teach; those who can't teach, teach PE"