HTML interesse |
|
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: center;
background-color: #A35A3D;
}
.container {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.header {
width: 1000px;
height: 200px;
background-image: url("images/header.gif");
margin-left: auto;
margin-right: auto;
border: 1px #000000 solid;
}
.box {
margin-top: 10px;
width: 150px;
float: left;
}
.boxtop {
background-image: url("images/top.gif");
background-repeat: repeat-x;
height: 20px;
width: 150px;
float: left;
border: 1px #000000 solid;
}
.boxcontent {
background-image: url("images/content.gif");
width: 150px;
float: left;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
}
.boxbottom {
background-image: url("images/bottom.gif");
width: 150px;
height: 15px;
float: left;
margin-bottom: 5px;
border: 1px #000000 solid;
}
.content {
margin-top: 10px;
width: 690px;
float: left;
margin-right: 5px;
margin-left: 5px;
}
.contenttop {
background-image: url("images/top.gif");
height: 20px;
width: 690px;
float: left;
border: 1px #000000 solid;
}
.contentmid {
background-image: url("images/content.gif");
width: 690px;
float: left;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
}
.contentbottom {
background-image: url("images/bottom.gif");
width: 690px;
height: 15px;
float: left;
border: 1px #000000 solid;
margin-bottom: 10px;
}
.footer {
width: 690px;
height: 20px;
background-image: url("images/footer.gif");
background-repeat: repeat-x;
border: 1px #000000 solid;
}
body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center; background-color: #A35A3D; } .container { width: 1000px; margin-left: auto; margin-right: auto; } width: 1000px; height: 200px; background-image: url("images/header.gif"); margin-left: auto; margin-right: auto; border: 1px #000000 solid; } .box { margin-top: 10px; width: 150px; float: left; } .boxtop { background-image: url("images/top.gif"); background-repeat: repeat-x; height: 20px; width: 150px; float: left; border: 1px #000000 solid; } .boxcontent { background-image: url("images/content.gif"); width: 150px; float: left; border-left: 1px #000000 solid; border-right: 1px #000000 solid; } .boxbottom { background-image: url("images/bottom.gif"); width: 150px; height: 15px; float: left; margin-bottom: 5px; border: 1px #000000 solid; } .content { margin-top: 10px; width: 690px; float: left; margin-right: 5px; margin-left: 5px; } .contenttop { background-image: url("images/top.gif"); height: 20px; width: 690px; float: left; border: 1px #000000 solid; } .contentmid { background-image: url("images/content.gif"); width: 690px; float: left; border-left: 1px #000000 solid; border-right: 1px #000000 solid; } .contentbottom { background-image: url("images/bottom.gif"); width: 690px; height: 15px; float: left; border: 1px #000000 solid; margin-bottom: 10px; } .footer { width: 690px; height: 20px; background-image: url("images/footer.gif"); background-repeat: repeat-x; border: 1px #000000 solid; }
|