Skip to content

Commit 8dc6b3a

Browse files
committed
Whoops. Fix main.css and update linking section.
1 parent 385c3e2 commit 8dc6b3a

File tree

2 files changed

+53
-1
lines changed

2 files changed

+53
-1
lines changed

Linking/main.css

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
html
2+
{
3+
height: 100%;
4+
}
5+
body
6+
{
7+
font-family: Arial;
8+
height: 100%;
9+
margin: 0px;
10+
}
11+
.header
12+
{
13+
background-color: #99B5DD;
14+
position: fixed;
15+
top: 0px;
16+
width: 100%;
17+
height: 60px;
18+
padding: 0px 10px;
19+
font-size: 50px;
20+
z-index: 10;
21+
}
22+
.menu
23+
{
24+
background-color: #DE90B1;
25+
height: 100%;
26+
width: 15%;
27+
position: fixed;
28+
left: 0px;
29+
top: 60px;
30+
padding: 10px 0px 0px;
31+
text-align: center;
32+
z-index: 5;
33+
}
34+
.content
35+
{
36+
height: 200px;
37+
position: absolute;
38+
top: 60px;
39+
left: 15%;
40+
padding: 10px;
41+
z-index: 0;
42+
}
43+
.footer
44+
{
45+
background-color: #0F215D;
46+
position: fixed;
47+
bottom: 0px;
48+
height: 60px;
49+
width: 100%;
50+
z-index: 10;
51+
}

README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1044,7 +1044,8 @@ Let's take a look at those attributes. The `rel` attribute is for *relationship
10441044
The `type` attribute will also pretty much always be `text/css`. If it's ever anything else when you want to use it with CSS, I will be quite surprised.
10451045
And finally, `href`. You remember this one, I hope! It's just like our `<a>` tag. It is the URL of the stylesheet.
10461046

1047-
Let's check out this `<link>` tag in action. Open up the Linking folder and open home.html, and paste the `<link>` line above on the line below the `<title>` tags in the `<head>`. Voila! That's it. Refresh your browser and check out the magic.
1047+
Let's check out this `<link>` tag in action. Open up the Linking folder and open home.html, and paste the `<link>` line above on the line below the `<title>` tags in the `<head>`. Voila! That's it. Refresh your browser and check out the magic. It should look just like what we made in the previous section!
1048+
Now, if you open the main.css file in your editor, you'll see that it's all the CSS you recognize and love, but there's no `<style>` tags. Those tags aren't needed when you are using a CSS file!
10481049

10491050
Psh like I'm going to write this before I eat another cookie. Break time.
10501051

0 commit comments

Comments
 (0)