css problem?

Gizo · 03-05-2011, 12:02 AM

I am slowly getting to know more about HTML and CSS.
on a site I am playing with i am having problems changing the background colour ?here is the HTML

</head>

<body>
<div id="Wrapper">
<div id="heading">
<h1>Aus Fly</h1>
</div>
<h2>online Fly tying resource</h2>

<p>I will type some text in here so I can play with css</p>
</div>

</body>

Here is the CSS
H1 {
font-family:"Comic Sans MS", cursive;
color: #009;
text-align:center;
}

h2 {color:#CC3;
font-size:36px;
text-align:center

}
p {text-align:center
}
/*Divs*/
#wrapper {
background-color:#00F;
}

#heading {background-color:#CCC;
border:#000;
border-style:double
}

why wont the background on the wrapper change colour? I also can not add borders etc either.

when I started a new page and linked it to my CSS as soom as I put in the div wrapper it changed colour

obviously this is not a real site just a very short thing to play with and learn

Gizo · 03-05-2011, 12:11 AM

the heading div has changed colour, what have I missed?

ronaldroe · 03-05-2011, 01:03 AM

CSS is case sensitive. "Wrapper" and "wrapper" are not the same thing.

Gizo · 03-05-2011, 01:11 AM

Thanks, now it works,
it had to be something simple, i had better be more careful.

Tim

03-05-2011, 12:02 AM	#1
Gizo New Member Join Date: Feb 2011 Location: NSW, Australia Posts: 13	css problem? I am slowly getting to know more about HTML and CSS. on a site I am playing with i am having problems changing the background colour ?here is the HTML </head> <body> <div id="Wrapper"> <div id="heading"> <h1>Aus Fly</h1> </div> <h2>online Fly tying resource</h2> <p>I will type some text in here so I can play with css</p> </div> </body> Here is the CSS H1 { font-family:"Comic Sans MS", cursive; color: #009; text-align:center; } h2 {color:#CC3; font-size:36px; text-align:center } p {text-align:center } /Divs/ #wrapper { background-color:#00F; } #heading {background-color:#CCC; border:#000; border-style:double } why wont the background on the wrapper change colour? I also can not add borders etc either. when I started a new page and linked it to my CSS as soom as I put in the div wrapper it changed colour obviously this is not a real site just a very short thing to play with and learn

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

03-05-2011, 12:11 AM	#2
Gizo New Member Join Date: Feb 2011 Location: NSW, Australia Posts: 13	the heading div has changed colour, what have I missed?

03-05-2011, 01:03 AM	#3
ronaldroe Platinum Member Join Date: Jan 2011 Location: Oklahoma City, OK Posts: 676	CSS is case sensitive. "Wrapper" and "wrapper" are not the same thing.

03-05-2011, 01:11 AM	#4
Gizo New Member Join Date: Feb 2011 Location: NSW, Australia Posts: 13	Thanks, now it works, it had to be something simple, i had better be more careful. Tim