I am using the W3Schools.com tutorials to learn and trying to get simple code working in CoffeeCup HTML Editor. I want to follow advice and put my css commands in a separate file.
But I just can't get it working. In the header of the trial html page I have:
<head>
<link rel="stylesheet" href="stylesheets/trialstyles.css" type="text/css">
</head>
<link rel="stylesheet" href="stylesheets/trialstyles.css" type="text/css">
</head>
The file 'trialstyles.css' is, in it's entirity:
/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
body { background-color:#0000CF; }
p {margin-left:20px; color:#009933;}
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
body { background-color:#0000CF; }
p {margin-left:20px; color:#009933;}
I used the pale orange and grey spanner icon to check the Project Website Dependencies and it was fine. (And when I purposely mis-spelt the 'trialstyles.css' file name it did find the error). Sadly the background-color:#0000CF did not come through in the lower pane of the CoffeeCup HTML Editor when I pressed F12.
I copied the commands 'body { ....' etc into the trial html page head and then the background colour did change in the display pane:
<head>
<style>
body { background-color:#0000CF; }
p {margin-left:20px; color:#009933;}
</style>
</head>
<style>
body { background-color:#0000CF; }
p {margin-left:20px; color:#009933;}
</style>
</head>
So what have I done wrong? Thanks, Ed
