Hele koden ser sådan ud:
index.php:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="icon.ico">
</head>
<body>
<div id="center">
<div id="top">
<div id="logo">
</div
<div id="banner">
Banner
</div>
</div>
<div id="content">
<br>
<div class="contentcontent">
<div class="contentt">
top
</div>
<div class="contentc">
content
</div>
<div class="contentb">
</div>
</div>
</div>
<div id="leftmenu">
<br>
<div class="menucontent">
<div class="menucontentt">
Navigation
</div>
<div class="menucontentc">
<?
include "menu/menu.php";
?>
</div>
<div class="menucontentb">
</div>
</div>
<br>
<div class="menucontent">
<div class="menucontentt">
Reklame
</div>
<div class="menucontentc">
indhold
</div>
<div class="menucontentb">
</div>
</div>
<br>
</div>
<div id="rightmenu">
<br>
<div class="menucontent">
<div class="menucontentt">
Admin Login
</div>
<div class="menucontentc">
Indhold
</div>
<div class="menucontentb">
</div>
</div>
</div>
</body>
</html>
style.css:
body {
margin :0 px;
background-color:#E5E5E5;
}
#center
{
margin-left: -400px;
position:absolute;
top: 2%;
height:96%;
border: 0px solid black;
left: 50%;
width: 800px;
visibility: visible;
background-color:white;
}
#top {
position:absolute;
left:0px;
top:0px;
width:100%;
height: 150px;
background-color:white;
}
#logo {
position:absolute;
width:150px;
height:150px;
background-image:url(layout/logo.jpg);
background-position: 50% 50%;
Background-repeat: no-repeat;
}
#banner {
position:absolute;
top: 41px;
right: 91px;
background-color:silver;
width:468px;
height:68px;
}
#content {
position:absolute;
top: 150px;
margin-left:162px;
margin-right:162px;
width:476px;
background-color:white;
}
.contentcontent {
position:absolute;
margin-left:5px;
margin:0px auto;
width:476px;
background-image: url(layout/content/contentc.jpg);
background-position: 50% 50%;
background-repeat: y-repeat;
}
.contentt {
text-align:center;
position:absolute;
background-image: url(layout/content/contentt.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
width:476px;
height:38px;
left:0px;
}
.contentc {
padding-top:50px;
margin-left:5px;
}
.contentb {
position: absolute;
background-image: url(layout/content/contentb.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
width:476px;
height:9px;
}
#leftmenu {
position:absolute;
left:0px;
top:150px;
width:152px;
background-color:white;
}
#rightmenu {
position:absolute;
right:0px;
top:150px;
width:152px;
background-color:white;
}
.menucontent {
margin:0px auto;
width:150px;
left:0px;
background-image: url(layout/menu/menuc.jpg);
background-position: 50% 50%;
background-repeat: y-repeat;
text-align:left;
}
.menucontentt {
text-align:center;
position:absolute;
background-image: url(layout/menu/menut.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
width:150px;
height:38px;
left: 1px;
}
.menucontentc {
padding-top:50px;
margin-left:5px;
}
.menucontentb {
position: absolute;
background-image: url(layout/menu/menub.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
width:150px;
height:9px;
}
