Топ дня: РЖАВЫЙ VIP

как сделать что б в середине был белый фон а по краям как на скрине вот ксс файл

#banners a img {

opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=40);

}

#banners a:hover img {

opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

.count {
float: right;
padding: 1px 9px;
}

body {
background-image: url("/images/bg.jpg");
font-family:Arial, Tahoma;
font-size:15px;
background-color:#fff;
color:#666;
padding:0px;
margin:auto;
max-width:575px;
}
a:link, a:active, a:visited {
color:#676184;
text-decoration:none;
}
a:hover {
color:#3b7a96;
text-decoration:none;
}
.logo {
color:#fff;
background-color:#fff;
height:32px;
padding:0px 2px 0px 0px;
margin:2px 0px 2px 0px;
}
.logotip {
float:left;
}
.head_icons {
float:right;
}
.foot_menu {
background-image:url(images/foot.png);
background-color: #3179AB;
padding:4px 3px 3px 3px;
margin:0px 0px 0px 0px;
text-align: left;
color: #fff;
}
.foot_menu a {
color: #dbdbdb;
}
.foot_menu a:hover {
color: #dfdfdf;
border-top: 1px #dfdfdf solid;
}
.copy {
background-repeat : repeat-y;
background-position : left;
margin: 0px 0px 0px 0px;
height: 23px;

}
.counter {
background-image:url(images/counter.png);
background-color: #fff;
padding:3px 4px 3px 4px;
margin:0px 0px 0px 0px;
text-align: center;
color: #fff;
height: 24px;
}
.rek {
border-left: 1px solid #e6e5e6;
border-right: 1px solid #e6e5e6;
padding: 2px;
margin: 2px 0px 2px 0px;
}
.rek a {
background:url(images/rek_a.png) no-repeat left;
padding-left:16px
}
.rek a:hover {
background:url(images/rek_h.gif) no-repeat left;
padding-left:16px
}
.title {
color:#fff;
text-shadow: 2px 2px 2px #688bb0;
background-image:url(images/menu.png);
background-color:#54A2E0;
padding:3px 2px 3px 4px;
margin:1px 0px 1px 0px;
}
.link {
border-top: 1px solid #e6e5e6;
border-bottom: 1px solid #e6e5e6;
padding: 2px;
margin: 2px 0px 2px 0px;
}
.ling {
border-top: 1px solid #e6e5e6;
border-bottom: 1px solid #e6e5e6;
padding: 2px;
margin: 2px 0px 2px 0px;
}
.ling a {
background:url(images/icon_a.png) no-repeat left;
padding-left:16px
}
.ling a:hover {
background:url(images/icon_h.gif) no-repeat left;
padding-left:16px
}
.menu {
background: #fbfbfb;
word-wrap: break-word;
border-top: 1px solid #e6e5e6;
border-bottom: 1px solid #e6e5e6;
border-right: 2px solid #4a85af;
border-left: 2px solid #4a85af;
padding: 3px;
margin: 2px 0px 2px 0px;
}
.postr {
border-top: 1px dashed #4a85af;
border-bottom: 1px dashed #4a85af;
border-right: 2px solid #4a85af;
border-left: 2px solid #4a85af;
padding: 2px;
margin: 2px 0px 2px 0px;
text-align: center;
}
.nd{
font-size: 10px;
color: #1a689e;
}
input[type="submit"] {
color:#FFF;
text-shadow: 0px 1px 1px #688bb0;
font-size:10px;
font-family:tahoma, verdana, arial, sans-serif, Lucida Sans;
background-color:#4e791c;
background-image:url(images/button.png);
padding:2px 2px 2px 2px;
border:1px solid #c4c9ce;
margin:2px 0px 2px 0px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
}

.count{
float: right;
}

.count2{
float: left;
}

input[type="text"] {
color:#666;
font-size:10px;
font-family:tahoma, verdana, arial, sans-serif, Lucida Sans;
background-color:#e2eaee;
padding:2px;
border:1px solid #dbdbdb;
margin:2px 0px 2px 0px;
}
input[type="password"] {
color:#666;
font-size:10px;
font-family:tahoma, verdana, arial, sans-serif, Lucida Sans;
background-color:#e2eaee;
padding:2px;
border:1px solid #dbdbdb;
margin:2px 0px 2px 0px;
}
input[type="submit"]:hover {
border:1px solid #688bb0;
text-shadow: 1px 0px 0px #688bb0;
}

.panel
{
border-right:2px solid #4a85af;
border-left:2px solid #4a85af;

overflow: hidden;
padding: 3px;
width: 10%;
height: 15px;
white-space: nowrap;
background: #fbfbfb;
color: #fff;
}

.div {
background: #fff;
border: (тип рамки) 1px (цвет рамки)
}

up

ап

Показали ведь