Skip to content

Instantly share code, notes, and snippets.

@rchrand

rchrand/style.css

Created November 12, 2012 16:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rchrand/4060292 to your computer and use it in GitHub Desktop.
Save rchrand/4060292 to your computer and use it in GitHub Desktop.
Download ZIP
index.html
Raw
gistfile1.html
<!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>
Raw
style.css
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment