Hey There!
Thanks in advance for your help… So on page 78 of the book Build Your Own Website The Right Way (2nd Edition), I was instructed to create an external CSS sheet with the following markup:
/*
CSS for Bubble Under site
*/
p {
font-weight: bold;
color; blue;
}
So I did and I saved it as “style1.css”. I was then instructed to put the following code (reflected in bold below) into each of the 3 pages that I previously created in order to link them:
<head>
<title>Bubble Under - The diving club for the south-west UK</title>
<meta http-equiv=“Content-Type”
content=“text/html; charset=utf-8”/>
<link href=“style1.css” rel=“stylesheet” type="text/css/>
</head>
All went fine with that move after I saved each page with the new code as well as the “style1.css” page, each of the pages had bold blue paragraphs and the world attained global peace for once… it was awesome.
THEN i was instructed to change the font in the “style1.css” document so I made the following changes and saved the new markup:
/*
CSS for Bubble Under site
*/
body {
font-family: Verdana;
}
oh… guess what… for some really weird reason the page comes out bold and blue even after i save the CSS document to reflect the above markup! It’s maddening! I don’t get it. I’ve tried several different things. I’ve tried to remove the CSS link code from each of the pages, create a brand new CSS file and save it and re-enter the link code in each of the pages… still bold and blue… SO ANNOYING!!! No where in the CSS markup are there any bold or blue codes! Just the markup above! I don’t get it. When I remove the CSS file and the links on each of the pages, the font goes back to Times New Roman black but when I include the above markup, it defaults back to the original CSS which is bold and blue Times, not black Verdana… it makes no sense. PLEASE HELP ME, COMPUTER WIZARDS!!!
