7
Feb
2014
Layout 1 Colom CSS
/
0 Comments
Salam,
Terima kasih sudah mampir di Pandora Code. dalam pemprograman web kita mengenal adanya istilah Layout atau tampilan. untuk membuat tampilan yang menarik kita harus memakai CSS code.
Buat teman-teman yang mau buat layout 1 colom yang sederhana bisa mencoba listing code dibawah ini :
<style type="text/css">
body {
width:750px;
margin:0 auto;
margin-top:30px;
}
#header {
width:750px;
height:150px;
background-color:#333333;
}
#navigation {
width:750px;
height:40px;
background-color:#333333;
margin-top:10px;
}
#content {
width:750px;
min-height:450px;
height:auto !important;
height:450px;
background-color:#333333;
margin-top:10px;
}
#footer {
width:750px;
height:100px;
background-color:#333333;
margin-top:10px;
}
</style>
</head>
<body>
<div id="header">
</div>
<div id="navigation">
</div>
<div id="content">
</div>
<div id="footer">
</div>
Selamat Mencoba...
Terima kasih sudah mampir di Pandora Code. dalam pemprograman web kita mengenal adanya istilah Layout atau tampilan. untuk membuat tampilan yang menarik kita harus memakai CSS code.
Buat teman-teman yang mau buat layout 1 colom yang sederhana bisa mencoba listing code dibawah ini :
<style type="text/css">
body {
width:750px;
margin:0 auto;
margin-top:30px;
}
#header {
width:750px;
height:150px;
background-color:#333333;
}
#navigation {
width:750px;
height:40px;
background-color:#333333;
margin-top:10px;
}
#content {
width:750px;
min-height:450px;
height:auto !important;
height:450px;
background-color:#333333;
margin-top:10px;
}
#footer {
width:750px;
height:100px;
background-color:#333333;
margin-top:10px;
}
</style>
</head>
<body>
<div id="header">
</div>
<div id="navigation">
</div>
<div id="content">
</div>
<div id="footer">
</div>
Selamat Mencoba...