Добрый день, или вечер.
Столкнулся с проблемой . В статистике пвп/пк
Скрин.
Не могу фон подогнать и выровнять все.
Вот по этому скрину.
Все перелазил в engine.css
Знатаки верстки жду от вас хоть какогото намека на косяк, буду вблогодарен.
/*
=============================================================
This Skin for STRESS WEB Developed by S.T.R.E.S.S.
File 'engine.css' - Cascading Style Sheet (CSS) Document
Этот файл требуется для каждого шаблона
=============================================================
*/
#error, .error { text-align: center; color: red; font-size: 11px; padding: 10px 0px; }
#noerror, .noerror { text-align: center; color: green; font-size: 11px; padding: 10px 0px; }
.button { margin: 15px 0px 5px 10px; background: #333; color: #ffffff; }
.captcha { height: 22px; }
#mysqlerror { border: 3px double; }
.tdLeft { text-align: left; padding: 5px 0px 5px 10px; width: 60%; font-weight: bold; }
.tdRight { text-align: right; padding: 5px 10px 5px 0px; width: 40%; }
.tabForm .input { width: 120px; border: 1px solid #999; }
.tabForm p { font-size: 14px; font-weight: bold; padding: 15px 0px 20px 0px; }
.description { font-size: 10px; font-weight: normal; }
.descript { padding: 10px; font-size: 11px; font-weight: normal; text-align: justify; }
.swc { font-size: 9px; font-family: Verdana; font-style: italic; }
.swc a { font-size: 10px; font-family: Verdana; font-style: italic; }
/***************************
* ОПРОС НА САЙТЕ
***************************/
#poll {margin-bottom: 20px; padding: 0 5px;}
#poll .ptitle {
text-align: left;
font-weight: bold;
padding: 5px 1px 5px 10px;
}
#poll .pradio {
padding-left: 5px;
}
#poll .panswer {
padding-left: 5px;
}
#poll .pprogress {
padding-left: 5px;
}
#poll .pbutton {
font-size: 10px;
}
/***************************
* page lister
***************************/
#pager {
text-align: center;
margin: 0px;
padding: 0px;
padding-bottom: 2px;
}
#pager a {
text-decoration: none;
color: black;
padding: 1px 5px 1px 5px;
font-size: 11px;
border: none;
background: #999;
}
#pager a:hover {
text-decoration: none;
color: #fff;
padding: 1px 5px 1px 5px;
font-size: 11px;
border: none;
background: #111;
}
#pager a.nopager {
text-decoration: none;
color: #9898ee;
padding: 1px 5px 1px 5px;
font-size: 11px;
border: none;
background: #ccc;
}
/***************************
* Statistic
***************************/
.l2stat td {
text-align: center;
}
.l2stat .l2left {
width: 50%;
text-align: right;
padding-right: 15px;
font-weight: bold;
color: #555555;
}
.l2stat .l2right {
width: 50%;
text-align: left;
padding-left: 10px;
}
.l2title {
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
font-size: 13px;
}
.l2stat .l2rates {
font-size: 11px;
}
#l2servers {
height: 30px;
}
#l2servers a {
padding: 50px 10px 50px 10px;
font-size: 13px;
font-weight: bold;
}
#l2menu a {
padding: 5px 5px 5px 5px;
}
.trRowA {
}
#l2topGGGGG {
width: 100%;
font-size: 100px;
vertical-align: top;
text-align: center;
}
#l2top th {
height: 20px;
background: #563b2e;
color: green;
}
#l2top td {
border-bottom: 1px solid #888;
padding: 10px 10px 10px 10px;
}
#l2top .name {
text-align: left;
}
#l2top .male {
color: #5050FF;
}
#l2top .female {
color: #FF4040;
}
#l2top .pvp {
font-weight: bold;
}
#l2top .pk {
color: red;
font-weight: bold;
}
#l2top a {
text-decoration: underline;
}
.l2online {
color: green;
font-weight: bold;
}
.l2offline {
color: fuchsia;
font-weight: bold;
}
/***************************
* Таблица с замками
***************************/
#l2castle {
width: 400px;
text-align: left;
font-size: 11px;
padding: 1px 10px 1px 10px;
}
#l2castle .l2left {
width: 164px;
height: 123px;
text-align: left;
padding: 5px 5px 5px 1px;
}
#l2castle .l2right {
height: 123px;
text-align: left;
padding: 5px 1px 5px 5px;
vertical-align: middle;
}
/***************************
* cabinet
***************************/
.ch_pass td {
height: 25px;
}
.tabProfileMenu a {
padding: 0px 5px 0px 5px;
}
#l2 {
width: 100%;
font-size: 10px;
border: 1px solid rgb(120, 120, 120);
border-collapse: collapse;
margin: 10px 0px;
}
#l2 th {
height: 32px;
color: #000;
border-top: 1px solid rgb(120, 120, 120);
border-bottom: 1px solid rgb(120, 120, 120);
}
#l2 tr {
height: 22px;
vertical-align: middle;
border: 1px solid rgb(120, 120, 120);
}
#l2 td {
padding: 0px 5px 0 5px;
border-bottom: 1px solid rgb(120, 120, 120);
height: 22px;
}
#l2 .serv {
text-align: center;
font-size: 11px;
font-weight: bold;
background: #563b2e;
height: 25px;
}
#l2 .name {
text-align: left;
}
#l2 a {
color: rgb(90, 90, 255);
text-decoration: underline;
font-size: 10px;
}
#l2button {
margin: 2px;
background: #563b2e;
color: #999;
font-size: 10px;
}
/***************************
* Просмотр персонажа
****************************/
#l2char {
font-size: 10px;
margin: 10px 1px 5px 1px;
border: 1px solid rgb(120, 120, 120);
border-collapse: collapse;
}
#l2char th {
height: 20px;
padding: 0px;
margin: 0px;
background: #563b2e;
border-collapse: collapse;
border: 1px solid rgb(120, 120, 120);
text-align: center;
}
#l2char td {
height: 20px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
border: 1px solid rgb(120, 120, 120);
text-align: center;
}
#l2char .char {
background: #563b2e;
}
.invent {
background: url('../images/line.html') repeat-y;
width: 252px;
}
/***************************
* Оформление инвентаря
***************************/
#l2inventory {
width: 310px;
height: 408px;
margin: 5px;
background: url('../images/other/inventory.html');
vertical-align: top;
background-position: left top;
background-repeat: no-repeat;
padding: 0px;
/*padding: 67px 0px 0px 0px;*/
border: 1px solid transparent;
}
#l2inventory_items {
margin: 67px 0px 0px 20px;
width: 268px;
height: 288px;
overflow: auto;
position: relative;
padding: 1px 0px 0px 2px;
background: url(../images/other/line.html);
background-repeat: repeat-y;
background-attachment: scroll;
}
img.floated {
float: left;
position: relative;
padding: 0px 4px 4px 0px;
width: 32px;
height: 32px;}
.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;}
#l2inventory_items .scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;}
#l2inventory_items .vscrollerbase {
width: 15px;
background-color: white;}
#l2inventory_items .vscrollerbar {
width: 15px;
background-color: black;}
#l2inventory_items .vscrollerbar {
background: #99CBCB url(../images/other/basebarcaps.html) -15px 0px repeat-y;}
#l2inventory_items .vscrollerbar {
padding: 15px;
z-index: 2;}
#l2inventory_items .vscrollerbarbeg {
background: url(../images/other/basebarcaps.html) -45px 0px no-repeat;
width: 15px;
height: 15px !important;}
#l2inventory_items .vscrollerbarend {
background: url(../images/other/basebarcaps.html) -45px -30px no-repeat;
width: 15px;
height: 15px;}
#l2inventory_items .vscrollerbase {
background: #D7EBDF url(../images/other/basebarcaps.html) 0px 0px repeat-y;}
#l2inventory_items .vscrollerbasebeg {
background: url(../images/other/basebarcaps.html) -30px 0px no-repeat;
width: 15px;
height: 15px !important;}
#l2inventory_items .vscrollerbaseend {
background: url(../images/other/basebarcaps.html) -30px -30px no-repeat;
height: 15px;
width: 15px;}
#l2inventory_items .scrollerjogbox:hover {
background: #5E828C url(../images/other/basebarcaps.html) -45px -15px;}
/***************************
* Оформление paperdoll
***************************/
#l2paperdoll {
width: 310px;
height: 291px;
margin: 5px;
background: url('../images/other/paperdoll.html');
vertical-align: top;
background-position: left top;
background-repeat: no-repeat;
padding: 0px;
border: 1px solid transparent;
}
#l2paperdoll_items {
margin: 75px 0px 0px 30px;
width: 245px;
height: 149px;
position: relative;
}
#l2paperdoll #item {
position: absolute;
width: 32px;
height: 32px;
padding: 0px;
}
#l2paperdoll .hidden{
display:none;
}
#l2paperdoll .lefthair{
margin-left: 0px;
margin-top: 0px;
}
#l2paperdoll .helmet{
margin-left: 39px;
margin-top: 0px;
}
#l2paperdoll .righthair{
margin-left: 78px;
margin-top: 0px;
}
#l2paperdoll .dress{
margin-left: 0px;
margin-top: 38px;
}
#l2paperdoll .top{
margin-left: 39px;
margin-top: 38px;
}
#l2paperdoll .cloak{
margin-left: 78px;
margin-top: 38px;
}
#l2paperdoll .gloves{
margin-left: 0px;
margin-top: 76px;
}
#l2paperdoll .lower{
margin-left: 39px;
margin-top: 76px;
}
#l2paperdoll .bots{
margin-left: 78px;
margin-top: 76px;
}
#l2paperdoll .weapon{
margin-left: 0px;
margin-top: 114px;
}
#l2paperdoll .shield{
margin-left: 78px;
margin-top: 114px;
}
#l2paperdoll .leftearring{
margin-left: 132px;
margin-top: 0px;
}
#l2paperdoll .necklace{
margin-left: 171px;
margin-top: 0px;
}
#l2paperdoll .rightearring{
margin-left: 210px;
margin-top: 0px;
}
#l2paperdoll .leftring{
margin-left: 132px;
margin-top: 38px;
}
#l2paperdoll .ring{
margin-left: 171px;
margin-top: 38px;
}
#l2paperdoll .rightring{
margin-left: 210px;
margin-top: 38px;
}
#l2paperdoll .braslet{
margin-left: 132px;
margin-top: 90px;
}
/***************************
* l2top.ru bonus
***************************/
.voteBlock { padding: 0 15px 15px; text-align: left; }
#voteTab1 .input { width: 120px; }
#voteTab1 td {padding: 5px; width: 50%;}
/***************************
* la2.mmotop.ru bonus
***************************/
.voteBlock2 { padding: 0 15px 15px; text-align: left; }
#voteTab2 .input { width: 120px; }
#voteTab2 td {padding: 5px; width: 50%;}
/***************************
* other
***************************/
.regForm {width: 300px; margin: 0 auto;}
.regForm p {text-align: center; font-size: 13px; font-weight: bold;}
.regbutton { outline: none; margin: 5px; padding: 3px; background: #333; color: #ffffff; border: none; font-size: 10px; cursor: pointer;}
.regForm .tdLeft { text-align: left; padding: 5px 0px 5px 10px; width: 60%; font-weight: bold;}
.regForm .tdRight { text-align: right; padding: 5px 10px 5px 0px; width: 40%;}
.repassForm {width: 300px; margin: 0 auto;}
.repassForm p {text-align: center; font-size: 13px; font-weight: bold;}
.repassbutton {outline: none; margin:5px; padding:3px; background: #333; color: #ffffff; border: none; font-size: 10px; cursor: pointer;}
.repassForm .tdLeft { text-align: left; padding: 5px 0px 5px 10px; width: 60%; font-weight: bold;}
.repassForm .tdRight { text-align: right; padding: 5px 10px 5px 0px; width: 40%;}
#sexsid label {font-weight: bold;}
#sexchar label {font-weight: bold;}
#changersid label {font-weight: bold;}
#changerchar label {font-weight: bold;}
#swsupport { width: 100%; font-size: 11px; vertical-align: top; text-align: center;}
#swsupport th { height: 32px; color: #000; border-bottom: 2px solid;}
#swsupport td { border-bottom: 1px solid #888; padding: 5px 0px 5px 0px;}
#swsupport2 { width: 100%; font-size: 11px; vertical-align: top; text-align: center; border: 1px solid #AAA; }
#swsupport2 .td1 {border-bottom: 1px solid #222;}
#swsupport2 .td2 {border-bottom: 1px solid #222; padding-left: 5px; border-left: 1px dashed;}
#swsupport2 .trRowA {background: 0; border-bottom: 1px solid #222;}
#swsupport2 .trRowA2 {padding-left: 5px; border-bottom: 1px solid #222; border-left: 1px dashed #aaa;}
Сам css.
