Ini adalah CSS untuk pembuatan web sederhana
#wrapper {
margin: auto;
width: 750px;
border: 1px solid blue;
}
#header {
height: 80px;
border: 1px solid blue;
background : blue;
}
#menu_bar {
float: right;
height: 30px;
width: 280px;
margin-top: 10px;
margin-right: 10px;
}
#search {
float: right;
height: 30px;
width: 240px;
margin-right: 20px;
margin-left: 200px;
margin-top: 5px;
}
#logo {
float: left;
height: 60px;
width : 60px;
margin-left: 5px;
margin-top: 5px;
}
#top {
float: right;
height: 80px;
width: 544px;
border: 1px solid blue;
}
#right {
float: right;
height: 180px;
width: 190px;
border: 1px solid red;
background: green;
}
#inner {
float: left;
margin: 5px 0;
border: 1px solid black;
background :green;
}
#sidebar {
float: left;
margin-right: 20px;
width: 180px;
height: 412px;
border: 1px solid red;
background: blue;
}
#content {
margin-left: 201px;
margin-right: 200px;
margin-top: 80px;
width: 344px;
height: 330px;
border: 2px solid green;
}
#footer {
clear: both;
height: 50px;
border: 1px solid blue;
background: blue;
}
Belajar desain web itu sedikit rumit,,namun kalo diawali dengan "bismillahirahmanirahim" pasti jadi menyenangkan...amiennn
<!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" xml:lang="en" lang="en">
<head>
<title>Desain Layout web</title>
<link rel="stylesheet" href="mod3_1.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
Header
</div>
<div id="inner">
<div id="sidebar">
Sidebar
</div>
<div id="inner2">
<div id="top">
top
</div>
<div id = "content">
Content
</div>
<div id="right">
right
</div>
</div>
</div>
<div id= "footer">
Footer
</div>
</div>
</body>
</html>