Jo selvfølgelig, havde jeg ikke lige tænkt på. Her er mine html koder:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sara Huus Lund · Mediegrafiker elev</title>
<link href="styles/stylescreen.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrap">
<div id="top"> <h1>huuslund.dk</h1> <br /> <h2>Sara Huus Lund <br /> Mediegrafiker elev <br /> 2. hf</h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galleri</a></li>
<li><a href="#">Sara</a></li>
</ul>
</div>
<div id="fyldtop">
</div>
<div id="indhold">
<h2> STAND UP <br /> STAND OUT <br /> AND <br /> STAND STRING </h2>
</div>
<div id="bund">
</div>
<div id="bundinfo">
<h5>Sara Huus Lund · 6000 Kolding · sara@huuslund.dk</h5>
</div>
</div>
</body>
</html>
Og her er min Css koder
#wrap {
height: 768px;
width: 1024px;
margin-right: auto;
margin-left: auto;
}
#top {
float: left;
height: 120px;
width: 824px;
background-color: #33cccc;
padding-right: 100px;
padding-left: 100px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 40px;
position: relative;
z-index: 10;
}
#top h1 {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #336666;
font-size: 24px;
margin: 0px;
padding: 0px;
line-height: normal;
}
#top h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #336666;
margin: 0px;
padding: 0px;
text-transform: uppercase;
line-height: normal;
}
#menu {
float: left;
height: 30px;
width: 924px;
background-color: #336666;
padding-left: 100px;
padding-top: 10px;
position: relative;
z-index: 10;
}
#menu ul {
text-decoration: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}
#menu li {
display: block;
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 150px;
margin-bottom: 0px;
margin-left: 0px;
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
color: #33cccc;
text-transform: uppercase;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}
#menu a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}
#fyldtop {
float: left;
height: 20px;
width: 1024px;
background-color: #33cccc;
position: relative;
z-index: 10;
}
#indhold {
float: left;
height: 250px;
width: 824px;
background-color: #336666;
padding-right: 100px;
padding-left: 100px;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
z-index: 10;
}
#indhold h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 50px;
font-weight: bolder;
color: #33cccc;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
#bund {
float: left;
height: 160px;
width: 824px;
background-color: #33cccc;
margin: 0px;
padding-top: 0px;
padding-right: 100px;
padding-bottom: 0px;
padding-left: 100px;
position: relative;
z-index: 10;
}
#bundinfo {
float: left;
height: 40px;
width: 1024px;
background-color: #33cccc;
position: relative;
z-index: 10;
}
#bundinfo h5 {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #336666;
}
Håber det kan bruges. :)
