<html>
<head>
<style>
#header {
position: fixed;
width: 100%;
top: 0;
z-index: 10;
text-align: center;
border-bottom: 1px SOLID BLACK;
color: WHITE;
line-height: 50px;
font-size: 40px;
}
.logo {
display: inline-block;
vertical-align: top;
width: 200px;
height: 80px;
margin-left: 150;
}
#content {
margin-top: 60px;
z-index:1;
}
.intro {
margin: 180 0 0 180;
width: 388px;
hight: 500px;
}
</style>
</head>
<body>
<div id="header">
<img class="logo" src="logo.png">
<a href="#">Home</a>
<a href="#">Projects</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Get in Touch</a>
</div>
<div id="content">
<img class="intro" src="rocks.jpg">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
test 2
</div>
</body>
</html>
<head>
<style>
#header {
position: fixed;
width: 100%;
top: 0;
z-index: 10;
text-align: center;
border-bottom: 1px SOLID BLACK;
color: WHITE;
line-height: 50px;
font-size: 40px;
}
.logo {
display: inline-block;
vertical-align: top;
width: 200px;
height: 80px;
margin-left: 150;
}
#content {
margin-top: 60px;
z-index:1;
}
.intro {
margin: 180 0 0 180;
width: 388px;
hight: 500px;
}
</style>
</head>
<body>
<div id="header">
<img class="logo" src="logo.png">
<a href="#">Home</a>
<a href="#">Projects</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Get in Touch</a>
</div>
<div id="content">
<img class="intro" src="rocks.jpg">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
test 2
</div>
</body>
</html>
Bijlagen
Laatst bewerkt: