main
header
middle
left right
footer
Ovde je stranica http://mrvadesign.890m.com/work/webfeathers/temp1.html
I css
Code:
/* Layout containers */
#main
{
width:1200px;
margin:0px;
background-color:#e3ded1;
}
#header{
width:1200px;
height:163px;
}
#middle_container{
width:1200px;
height:704px;
background-color:#e3ded1;
}
#middle_main_left{
width: 309px;
float:left;
height:710px;
}
#contact_info{
margin-top:0px;
width: 309px;
height:183px;
background-image: url('../images/logo_address.gif');
background-repeat: no-repeat;
}
#middle_main_right{
width: 891px;
height:100%;
float:right;
background-color:#e3ded1;
}
#middle_1{
width:309px;
height:710px;
background-color:#e3ded1;
overflow:hidden;
}
#middle_2{
width:255px;
height:100%;
float:right;
background-image: url('../images/div_2bg.jpg');
background-repeat: repeat-y;
overflow:hidden;
}
#middle_3{
width:296px;
height:100%;
float:right;
background-image: url('../images/div_3bg.jpg');
background-repeat: repeat-y;
}
#middle_4{
width:340px;
height:100%;
float:right;
background-image: url('../images/div_4bg.jpg');
background-repeat: repeat-y;
overflow: hidden;
}
#footer{
width:1200px;
height: 198px;
background-color:#3760a0;
background-repeat:no-repeat;
color:#000000;
}
#body_text {
width: 225px;
}
#body_text2 {
width: 265px;
}
#body_text3 {
width: 325px;
}
#login_main{
width: 309px;
height:105px;
float:left;
}
#login_pass{
width: 309px;
height:105px;
float:left;
margin-top:0px;
}
#login{
width: 120px;
height:47px;
background-color:#647cb2;
float:left;
padding-top:0px;
margin-top:0px;
overflow: hidden;
}
#request_site{
width: 309px;
height:78px;
float:left;
}
#request_field{
width: 121px;
height:28px;
float:left;
background-color:#3760a0;
}
/* Text styles */
.address_info {
margin-top:0px;
padding-top:77px;
padding-right:17px;
font: Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#262626;
font-weight:bold;
}
.blue_title {color: #004990}
.body_text{
margin-top:0px;
padding-top:20px;
padding-left:25px;
font: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#262626;
font-weight:bold;
}
.footer_text{
margin-top:0px;
padding-top:704px;
font: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
}
.input_text{
background:transparent url(../images/bg_input_1.gif) no-repeat scroll left top;
border:0px none;
height:19px;
margin:1px 0pt;
padding:2px 5px 0px;
width:102px;
}
/* Layout containers */
#main
{
width:1200px;
margin:0px;
background-color:#e3ded1;
}
#header{
width:1200px;
height:163px;
}
#middle_container{
width:1200px;
height:704px;
background-color:#e3ded1;
}
#middle_main_left{
width: 309px;
float:left;
height:710px;
}
#contact_info{
margin-top:0px;
width: 309px;
height:183px;
background-image: url('../images/logo_address.gif');
background-repeat: no-repeat;
}
#middle_main_right{
width: 891px;
height:100%;
float:right;
background-color:#e3ded1;
}
#middle_1{
width:309px;
height:710px;
background-color:#e3ded1;
overflow:hidden;
}
#middle_2{
width:255px;
height:100%;
float:right;
background-image: url('../images/div_2bg.jpg');
background-repeat: repeat-y;
overflow:hidden;
}
#middle_3{
width:296px;
height:100%;
float:right;
background-image: url('../images/div_3bg.jpg');
background-repeat: repeat-y;
}
#middle_4{
width:340px;
height:100%;
float:right;
background-image: url('../images/div_4bg.jpg');
background-repeat: repeat-y;
overflow: hidden;
}
#footer{
width:1200px;
height: 198px;
background-color:#3760a0;
background-repeat:no-repeat;
color:#000000;
}
#body_text {
width: 225px;
}
#body_text2 {
width: 265px;
}
#body_text3 {
width: 325px;
}
#login_main{
width: 309px;
height:105px;
float:left;
}
#login_pass{
width: 309px;
height:105px;
float:left;
margin-top:0px;
}
#login{
width: 120px;
height:47px;
background-color:#647cb2;
float:left;
padding-top:0px;
margin-top:0px;
overflow: hidden;
}
#request_site{
width: 309px;
height:78px;
float:left;
}
#request_field{
width: 121px;
height:28px;
float:left;
background-color:#3760a0;
}
/* Text styles */
.address_info {
margin-top:0px;
padding-top:77px;
padding-right:17px;
font: Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#262626;
font-weight:bold;
}
.blue_title {color: #004990}
.body_text{
margin-top:0px;
padding-top:20px;
padding-left:25px;
font: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#262626;
font-weight:bold;
}
.footer_text{
margin-top:0px;
padding-top:704px;
font: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
}
.input_text{
background:transparent url(../images/bg_input_1.gif) no-repeat scroll left top;
border:0px none;
height:19px;
margin:1px 0pt;
padding:2px 5px 0px;
width:102px;
}