CSS untuk Desain WEB (2) 23:56 / Diposting oleh adien /

Code CSS(Cascading style sheet) untuk desain web(2) sebagai berikut:


#wrapper {
margin: auto;
width: 750px;
border: 1px solid red;
}

#header {
height: 80px;
border: 1px solid blue;
background : brown;
}

#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: 20px;
margin-top: 10px;
}

#top {
float: right;
height: 100px;
width: 544px;
border: 1px solid blue;
}

#right {
float: right;
height: 180px;
width: 190px;
border: 1px solid red;
background: brown;
}

#inner {
float: left;
margin: 5px 0;
border: 1px solid black;
}

#sidebar {
float: left;
margin-right: 20px;
width: 180px;
height: 412px;
border: 1px solid red;
background: brown;
}

#content {
margin-left: 201px;
margin-right: 200px;
margin-top: 80px;
width: 344px;
height: 330px;
border: 1px solid brown;
}

#footer {
clear: both;
height: 50px;
border: 1px solid blue;
background: brown;
}

Label: PTI 478