Idk what I did wrong but looks weird.
- Thread starter Enlighten
- Start date
Enlighten
Member
- Oct 1, 2013
- 279
- 44
- Thread starter
- #3
HTML:
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" type="type/css" href="style.css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>Zach</h1>
</div>
<div id="content">
<div id="nav">
</br>
<h3>Navigation</h3>
<ul>
<li><a class="selected" href="">Home</a><li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</div>
<div id="main">
<h2>Home page</h2>
<p> Hey all! </p>
</div>
<div id="footer">
Copyright © 2014 Zach
</div>
</div>
</body>
</html>
Code:
body {
background-color: #EEE;
font-family: Helvetica, Arial, sans-serif;
}
#container {
background color: white;
width: 800px;
margin-left: auto;
margin-right: auto;
}
a {
text-decoration: none;
color: red;
}
# header {
background-color: #66CCFF;
color: white;
text-align: center;
}
#content {
padding: 10x;
}
#nav {
width: 180px;
}
#nav ul {
list-style-type: none;
padding: 0;
}
h1, h2, h3 {
margin: 0;
}
#main {
width: 600px;
float: right;
color: grey;
}
# nav.selected {
font-weight: bold;
}
#footer {
clear: both;
padding: 10px;
background-color: #66CCFF;
color: white;
text-align: right;
}
- Status
