SINTAKS CSS NYA :
#wrapper {
margin: auto;
width: 750px;
border: 1px solid green;
}
#header {
height: 80px;
border: 1px solid green;
}
#nav {
height: 20px;
border: 1px solid blue;
}
#inner {
float: left;
margin: 5px 0;
border: 1px solid red;
}
#sidebar {
float: left;
margin-right: 20px;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
width: 150px;
height: 350px;
border: 1px dashed red;
}
#content {
float: left;
margin-right: 20px;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
width: 400px;
height: 350px;
border: 1px dashed black;
}
#footer {
clear: both;
height: 20px;
border: 1px solid green;
}
SINTAKS HTML NYA :
<html>
<head>
<title>DESAIN LAYOUT SEDERHANA STUDIKASUS1</title>
<link rel="stylesheet" href="studikasus1.css" type="text/css" />
</head>
<body>
<header>
HEADER
</header>
<nav>
<ul id="nav">
<li><a href="">HOME</a></li>
<li><a href="">PROFILE</a>
<ul>
<li><a href="">EDIT PROFILE</a></li>
<li><a href="">PROGRAMING</a></li>
</ul>
</li>
<li><a href="">UPLOAD</a>
<ul>
<li><a href="">PHOTO</a></li>
<li><a href="">VIDEO</a></li>
<li><a href="">ARTICLE</a></li>
</ul>
</li>
<li><a href="">SETTING</a>
<ul>
<li><a href="">PENGATURAN ACOUNT</a></li>
<li><a href="">PENGATURAN PRIVASI</a></li>
</ul>
</li>
</ul>
</nav>
<section>
<div id="article">
<div>ARCTICLE
</div>
</div>
<div id="arside">
ARSIDE
</div>
<p>SECTION
</p>
</section>
<footer>
FOOTER
</footer>
</body>
</html>
0 komentar:
Posting Komentar