FILE 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PASSION of FASHION</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<div id="wrapper">
<div id="header">
<img src="assets/14.png" width="875" height="380" hspace="10" vspace="10" align="absmiddle">
</div>
<div id="menu">
<ul>
<li><a href="Project1.php">Home</a></li>
<li><a href="Project1.php">Mix & Match</a></li>
<li><a href="Project1.php">Contact Us</a></li>
</ul>
</div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>
FILE CSS:
@charset "utf-8";
/* CSS Document */
body{
background-color:#303;
}
#wrapper {
width:900px;
margin-left:auto;
margin-right:auto;
}
#wrapper #header {
height:400px;
weight:auto;
background-color:#333;
}
#wrapper #menu {
height:30px;
background-color:#FC9;
}
#wrapper #menu ul {
list-style:none;
margin:opx;
padding:opx;
}
#wrapper #menu li {
float:left;
height:50px;
weight:100px;
text-alight:center;
font-weight:bold;
line-height:45px;
}
#wrapper #menu a {
height:50px;
font-family:"Comic Sans MS", cursive;
font-sixe:18px;
color:#930;
display:block;
text-decoration:blink;
}
#wrapper #content {
height:600px;
background-color:#96F;
}
#wrapper #footer {
height:50px;
background-color:#F90;
}
HASIL LAYOUT:
 |
| Header |
|
 |
| Center |
 |
| Footer | |
