public
Created

index.html

  • Download Gist
gistfile1.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My website!</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description"
content="Placeholder, Placeholder" />
<meta name="keywords" content="Placeholder, placeholder" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<img src="header1.png" alt="Rune Andersen" />
</div>
<div id="menu">
<ul id="ulnav">
<li class="horz"><a href="#">Home</a></li>
<li class="horz"><a href="#">Projects</a></li>
<li class="horz"><a href="#">Tests</a></li>
</ul>
<hr />
</div>
<div id="indhold">
<p>Placeholder PlacerHolder</p>
<ul>
<li>Placeholder, Placeholder</li>
<li>Placeholder, Placeholder</li>
<li>Placeholder, Placeholder</li>
</ul>
</div>
<div id="footer">
<p>&copy; Copyright 2012 Placeholder</p>
</div>
</div>
</body>
</html>
style.css
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
body {
background-image: url(bg1.jpg);
background-position: center;
opacity: 0.8;
}
 
#wrapper {
border: 3px;
border-style: solid;
border-color: black;
border-radius: 50px;
width: 800px;
height: 600px;
position: absolute;
left: 50%;
margin-left: -400px;
background-color: white;
}
 
#header {
width: 800px;
height: 100px;
position: absolute;
text-align: center;
}
 
#menu {
width: 800px;
height: 100px;
position: absolute;
top: 100px;
left: 0px;
}
 
#footer {
font-style: italic;
text-align: right;
}
 
#indhold {
width: 800px;
height: 600px;
position: absolute;
top: 200px;
left: 0px;
}
 
#footer {
width: 780px;
height: 30px;
position: absolute;
left: 0px;
top: 560px;
 
}
 
#ulnav {
list-style-type: none;
text-align: center;
padding: 4px;
font-weight: bold;
display: block;
text-transform: uppercase;
 
}
 
.horz {
display: inline;
}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.