Menu
I have the following code saved in a CSS file
[code]
.box{
width: 1000px;
height: 1500px;
border: 5px solid black;
padding: 10px;
margin: 10px;
font-size: 40px;
}
.item1 {
padding: 15px;
width: 460;
height: 200px;
margin: 20px;
}
.item1, .item2 {
background-color: #E6C363
position: relative;
}
.item2 {
width: 460px;
height: 200px;
}
.item3 {
width: 960px;
height: 100;
}
.item4 {
width: 960px;
height: 400px;
}
.item5 {
width: 960px;
height: 400px;
}
.item6 {
width: 460px;
height: 700px;
}
.item7 {
width: 460px;
height: 300px;
}
.item8 {
width: 460px;
height: 200px;
}
Saved in a CSS file is correct, yes? The wepage is called ‘website’ *see below
In addition, I have the following code saved in an html file.
[code]
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<meta name=”description”
content=”” />
<meta name=”keywords”
content=”” />
<meta http-equiv=”author”
content=”” />
<meta http-equiv=”pragma”
content=”no-cache” />
<link rel=”stylesheet” href=”css/website.css” />
</head>
<h1>This is my website</h1>
<body>
<div class=”box”>
<div class=”item1″>One</div>
<div class=”item2″>Two</div>
<div class=”item3″>Three</div>
<div class=”item4″>Four</div>
<div class=”item5″>Five</div>
<div class=”item6″>Six</div>
<div class=”item7″>Seven</div>
<div class=”item8″>Eight</div>
</div>
</body>
</html>
I am getting nothing on the css end of this. I simply get the following:
This is my website
One
Two
Three
Four
Five
Six
Seven
Eight
What am I doing wrong?