CODEWITHSUNDEEP
htmlcss
Alex Smith
Alex Smith

Reputation: 27

The CSS style is not working

I am trying to use CSS within the HTMl document but it does not seem to work i tried using it externally as well but it did not work then either. I don't know where its going wrong it should create like a green box 960px wide and 200 px height at the top of the page but its not doing anything 

<!DOCTYPE html>
<html>
<head>
    <title>Xbox UK Home</title>
    <meta name=“description” content=“Xbox is a gaming console created by Microsoft”/>
    <meta name=“keywords” content=“Xbox, games, Microsoft, Xbox Live” />
    <meta name=“robots” content=“nofollow” />

<style>
#header {
width: 960px;
background-color:#006400;
height: 200px;
}
</style>


</head>
<body>
    <!—-Main Header—->
    <header id=“header”> </header>

    <!—-Second Header—->
    <section> </section>

    <!—-Main Image—->
    <section> </section>

    <!—-Box One —-!>
    <Section> </Section>

    <!—-Box Two —-!>
    <Section> </Section>

    <!—-Box Three —-!>
    <Section> </Section>

    <!—-Box Four —-!>
    <Section> </Section>

    <!—-Box Five —-!>
    <Section> </Section>

    <Footer></Footer>


</body>

Upvotes: 1

Views: 86

Answers (4)

STheFox
STheFox

Reputation: 1498

Change the HTML to:

<!—-Main Header—->
 <header> </header>

And

header {
width: 960px;
background-color:#006400;
height: 200px;
}

And everything should work

Upvotes: 0

stranger4js
stranger4js

Reputation: 267

It is an error you get with those quotes. use "" for example:

<header id="header"> </header>

Upvotes: 0

Shan Robertson
Shan Robertson

Reputation: 2742

I believe your style tag needs the type attr. <style type="text/css">... I believe you can get away with <script> and not the type but with styles you need the type.

Upvotes: -5

castis
castis

Reputation: 8223

You have <header id=“header”> </header>

get rid of the microsoft quotes

"header"

Upvotes: 8

Related Questions