P1ckw1ck 158 Опубликовано 15 ноября, 2014 Добрый день, или вечер. Столкнулся с проблемой . В статистике пвп/пк Скрин. Не могу фон подогнать и выровнять все. Вот по этому скрину. Все перелазил в 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. Поделиться сообщением Ссылка на сообщение Поделиться на другие сайты