- Автор темы
- #1
Проблема с отображением картинок с модуля репутация 6.5
их расперло та что ужас пример здесь Для просмотра ссылки Войдиили Зарегистрируйся
основной файл стиля
файл комментариев
Помогите исправить эту маленькую но злую багу
их расперло та что ужас пример здесь Для просмотра ссылки Войди
основной файл стиля
PHP:
@import url("engine.css");
/*ICONS & BUTTONS*/
.votebtn, .votebtnhover,
.resultbtn, .resultbtnhover,
.okbtn, .okbtnhover,
.viewbtn, .viewbtnhover,
.editbtn, .editbtnhover,
.svotebtn, .svotebtnhover,
.sresultbtn, .sresultbtnhover { width: 93px; height: 25px; }
.votebtn, .svotebtn { background: transparent url("../images/vote.png") no-repeat 0 0; }
.votebtnhover, .svotebtnhover { background: transparent url("../images/vote.png") no-repeat -93px 0; }
.resultbtn, .sresultbtn { background: transparent url("../images/vote.png") no-repeat 0 -25px; }
.resultbtnhover, .sresultbtnhover { background: transparent url("../images/vote.png") no-repeat -93px -25px; }
.okbtn { background: transparent url("../images/icons.png") no-repeat 0 -93px; }
.okbtnhover { background: transparent url("../images/icons.png") no-repeat -93px -93px; }
.viewbtn { background: transparent url("../images/icons.png") no-repeat 0 -143px; }
.viewbtnhover { background: transparent url("../images/icons.png") no-repeat -93px -143px; }
.editbtn { background: transparent url("../images/icons.png") no-repeat 0 -118px; }
.editbtnhover { background: transparent url("../images/icons.png") no-repeat -93px -118px; }
.si_date, .si_author { vertical-align: middle; margin-right: 5px; width: 14px; height: 14px; }
.si_date { background: transparent url("../images/icons.png") no-repeat -22px 0; }
.si_author { background: transparent url("../images/icons.png") no-repeat 0 0; }
.si_edit { background: transparent url("../images/edit.png") no-repeat 0 0; vertical-align: middle; margin: -3px 5px; width: 18px; height: 18px; }
.si_delete { background: transparent url("../images/delete.png") no-repeat 0 0; vertical-align: middle; margin: -1px 5px; width: 16px; height: 16px; }
.ml_com, .ml_views {
vertical-align: middle;
margin-right: 5px;
width: 16px; height: 16px;
background: transparent url("../images/icons.png") no-repeat 0 0;
}
.ml_com { background-position: -40px 0; }
.ml_views { background-position: -59px 0; }
.btn_reglog {
width: 108px; height: 18px;
background: url("../images/button_reg.png") no-repeat 0 0;
border: 0 none;
margin: 0; padding: 0;
cursor: pointer;
padding-bottom: 2px;
color: #728e9a;
font-weight: bold;
}
.btn_reglog:hover { background: url("../images/button_reg.png") no-repeat 0 -18px; }
/*===ERRORS, INFO, WARNING===*/
.w_warning {
border: 1px solid #d2c4b1;
background: #fbdfd1 url("../images/alert.png") no-repeat 16px center;
color: #ca4c20;
margin-bottom: 10px;
-moz-border-radius-topright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:3px;
}
.wmsg {
padding: 8px 8px 8px 70px;
}
/*Статистика*/
.statistics {
width: 80%;
margin: 0 auto;
}
.statinn {
text-align: left;
padding: 0 78px;
background: url("../images/statics-2.png") no-repeat 0 0;
}
.statistics ul { margin-bottom: 15px; }
.statistics ul li { position: relative; background: url("../images/linepoint.gif") repeat-x left bottom; padding: 2px 0; }
.statistics ul li b { position: absolute; right: 0; }
/* ==================== Поле малой формы поиска */
.s_field {
color: #466f9d;
background-repeat: repeat-x;
height: 14px;
padding-left: 3px;
border: 1px solid #bcbcbc;
}
/* ==================== Поле формы авторизации */
.a_field {
color: #466f9d;
background-repeat: repeat-x;
height: 14px;
padding-left: 3px;
border: 1px solid #bcbcbc;
}
/* ==================== */
.f_textarea, .f_input, .f_select, .textin {
color: #466f9d;
background: #fff url("../images/fields.gif") repeat-x left top;
border: 1px solid #bcbcbc;
}
.f_input { width: 300px; height: 14px; }
.f_select { height: 14px; }
.f_textarea { width: 459px; height: 156px; }
/*разбиение на страницы*/
.navigation {
color:#666;
border:0px;
padding: 2px;
}
.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
text-decoration: none;
color: #636363;
background-color: #F9F9F9;
border: 1px solid #E6E6E6;
padding: 3px 6px;
}
.navigation a:hover {
background: #61a5cf;
color: #fff;
border-color: #61a5cf;
}
.navigation span {
text-decoration: none;
background-color: #fff;
padding: 3px 6px;
border: 1px solid #E6E6E6;
color: #ccc;
}
/*FORMS EDITORS*/
.tableform { width: 100%; }
.tableform td { padding: 8px 0; }
.tableform td.label { width: 27%; font-weight: bold; vertical-align: top; }
.tableform tr { background: url("../images/linepoint.gif") repeat-x left bottom; }
.tableform tr.flast { background: none; }
.tableform tr.flast td { padding-bottom: 0; }
.addnews { font-weight: bold; }
.impot { color: #e82e1e; }
.pollvotelist { width: 60%; text-align: left; }
.pollvotelist input { margin-right: 5px; }
/*ПОПУЛЯРНЫЕ ТЭГИ*/
.rightside .btags .dtop { background-position: 0 -406px; }
.rightside .btags a { text-decoration: none !important; }
/* ==================== Облако тегов */
.btags .clouds_xsmall { color: #5D9EC3 !important; }
.btags .clouds_small { color: #88B8D4 !important; }
.btags .clouds_medium { color: #B4D3E4 !important; }
.btags .clouds_large { color: #E0EDF4 !important; }
.btags .clouds_xlarge { color: #ffffff !important; }
.rightside .btags a:hover { background-color: #589AC0; color: #fff !important; }
/* ==================== Облако тегов */
.clouds_xsmall { font-size: 9px; }
.clouds_small { font-size: 11px; }
.clouds_medium { font-size: 13px; }
.clouds_large { font-size: 15px; }
.clouds_xlarge { font-size: 17px; }
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, table, font {
font-size: 1em;
font-style: normal;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, Verdana, Arial, sans-serif;
margin: 0 0 0.2em 0;
line-height: 1.1em;
}
/*Левые блоки*/
div.blocks {width: 212px; background: #f6f6f6 url("../images/block-bg.png") repeat-y left; margin-bottom: 8px;}
div.blocks div {background: url("../images/block-v.png") no-repeat top left; width: 212px}
div.blocks div div {width: 212px; background: url("../images/block-n.png") no-repeat bottom left;}
div.blocks div div div {width: 174px; padding-bottom: 8px; margin-left: 8px; margin-right: 8px; padding-top: 8px; background: transparent;}
div.blocks div div div h3 {width: 174px; font-size: 12px; color: #575757; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-left:9px; padding-right:0; padding-top:2px; padding-bottom:7px}
div.blocks div div div div {padding: 0px;margin: 0px;}
/*Правые блоки*/
div.blocksr {width: 216px; background: #f6f6f6 url("../images/block-bgr.png") repeat-y left; margin-bottom: 8px;}
div.blocksr div {background: url("../images/block-vr.png") no-repeat top left; width: 216px}
div.blocksr div div {width: 216px; background: url("../images/block-nr.png") no-repeat bottom left;}
div.blocksr div div div {width: 174px; padding-bottom: 8px; margin-left: 8px; margin-right: 8px; padding-top: 8px; background: transparent;}
div.blocksr div div div h3 {width: 174px; font-size: 12px; color: #575757; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:6px; padding-left:7px; padding-right:0; padding-top:1px; padding-bottom:7px}
div.blocksr div div div div {padding: 0px;margin: 0px;}
/*Шапка*/
#header-l {
height: 145px;
background: #FFF url("../images/header-l.png") 0 0 no-repeat;
position: relative;
padding-left: 30px;
}
#header-r {
height: 145px;
background: #FFF url("../images/header-r.png") right top no-repeat;
position: relative;
padding-right: 40px;
}
#logo {
position: absolute;
left: 0;
display: block;
width:200px;
height: 20px;
text-align: center;
}
#banners-block {
position: absolute;
top: 40px;
right: 50px;
width: 468px;
height: 60px;
}
/*Низ*/
#footer {
background: White url("../images/footer-bg.png") repeat-x bottom;
position: relative;
height: 69px;
color: #4c4c4c;
overflow: hidden;
margin:3px;
}
#footer-l {
background: transparent url("../images/footer-bgl.png") left bottom no-repeat;
height: 69px;
position: relative;
}
#footer-r {
background: transparent url("../images/footer-bgr.png") right bottom no-repeat;
height: 69px;
position: relative;
}
#copyright {
position: absolute;
top: 15px;
left: 20px;
cursor:pointer;
}
#counts {
position: absolute;
top: 20px;
right: 20px;
}
/*Логин*/
.enterbtn {
margin-top: 8px;
cursor: pointer;
background: #ffb638 url("../images/enterbtn.png") no-repeat 0 0;
border: none;
width: 89px; height: 31px;
font-weight: bold;
padding-bottom: 2px;
}
.blogin ul, .blogin ul li, .statistics ul li, .statistics ul { list-style: none; margin: 0; padding: 0; display: block; }
.loginform li { line-height: 14px; }
.loginform li.lfield { padding-bottom: 5px; }
.loginform li.lfield div {
background: #fff url("../images/fields.gif") repeat-x 0 0;
border: 1px solid #bcbcbc;
text-align: center;
}
.loginform li.lfield input {
width: 95%;
padding: 2px;
color: #466f9d;
text-align: center;
background: transparent none;
border: none;
}
.loginform li.submit {
height: auto;
overflow: hidden;
width:auto;
}
.loginform li.submit div { line-height: 12px; }
.loginform .btn,
.loginform .btnhover {
float: right;
width: 108px; height: 27px;
}
.loginform .btn { background: #ffb638 url("../images/enter.png") no-repeat 0 0; }
.loginform .btnhover { background: #ffb638 url("../images/enter.png") no-repeat 0 0; }
/*LOGINDATE*/
.logindate li {
border-top: 1px solid #f0f0f0;
padding: 4px 0 !important;
}
/*Центр блоки*/
.bodyline { background: #FFF; border: 1px #d8d8d8 solid; }
.titlebasic {
position: relative;
display: block;
height: 35px;
color: #fff;
font-weight: bold;
line-height: 32px;
overflow: hidden;
background: #008ce3 url("../images/titlebasic_bg.png") top repeat-x;
margin-bottom: 3px;
}
.titlebasic div {
position: relative;
display: block;
background: transparent url("../images/titlebasic_l.png") top left no-repeat;
padding-left: 4px;
height: 35px;
}
.titlebasic div div {
position: relative;
display: block;
background: transparent url("../images/titlebasic_r.png") top right no-repeat;
padding-right: 4px;
height: 35px;
}
.titlebasic div div div {margin:0; padding:0;}
.titlebasic a:link, #titlebasic a:visited { height: 35px; font-weight: bold; color: #424242;}
.titlebasic a:hover {font-weight: bold; text-decoration:underline;}
.newsdate{width:46px; height:50px; padding:2px 0 0 0; background:url("../images/date.jpg") top no-repeat; text-align:center; font-size:11px; line-height:12px; color:#fff;}
.newsdate span{font-size:16px; color:#fff; letter-spacing:-1px; line-height:18px;}
.newsdate i{font-size:9px; font-style:normal;}
.content {padding-left:5px;padding-right:5px;text-align:left;}
/*Коментарии*/
table.comblock {background-color: #ffffff; }
table.comblock td.cblock-content {background: transparent url("../images/comment/cblock_center_mtop.gif") left top repeat-x; }
table.comblock td.cblock-left { vertical-align: top; background: url("../images/comment/cblock_middle_left.gif") left top repeat-y;}
table.comblock td.cblock-right { vertical-align: top; background: url("../images/comment/cblock_middle_right.gif") right top repeat-y;}
table.comblock td.cblock-top {background: url("../images/comment/cblock_center_top.gif") left top repeat-x;}
table.comblock td.cblock-bottom {background: url("../images/comment/cblock_center_bottom.gif") left bottom repeat-x;}
table.comblock div.maincont { padding: 4px; }
.avatar img { width: 95px; height: auto; }
/*Настройка заголовков*/
h1 { font-size: 12px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; line-height: 18px; }
h3 { font-size: 1em; font-weight: bold; line-height: 16px; }
h4 { font-size: 10px; font-weight: bold; line-height: 15px; }
.flarge { font-size: 17px; font-weight: normal; line-height: 18px; }
.indents {
padding: 0; margin: 0;
line-height: normal;
}
.indents span{text-align:justify;}
/*links*/
a { color: #177ebb; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
/*forms*/
input, textarea, select {
font-size: 1em;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
/*PAGE*/
body {
color: #414141;
background-color: #f5f5f5;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 17px;
}
/*OTHER SETTINGS*/
p {
padding: 0; margin: 0;
margin-bottom: 12px;
}
.clr { clear: both; }
img { border:0 none; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
hr {
border: 0 none;
border-top: 1px solid #cfcfcf;
height: 1px;
}
table {
border-collapse: collapse;
border-spacing: 0; border: 0px;
}
table td { padding: 0px; }
/*UL, LI*/
ul {
margin: 0;
padding-left: 16px;
list-style-position:outside;
list-style-image:none;
}
ul li { margin: 0; padding: 0; }
ol {
list-style-image: none;
list-style-position: outside;
list-style-type: decimal;
margin-bottom: 18px;
margin-left: 2.2em;
}
/*WRAPPER ОСНОВНОЙ РАЗМЕРНЫЙ БЛОК*/
.wrapper {
margin: auto;
width: 100%;
text-align: left;
}
.wrapper { width: expression(((document.body.clientWidth)) < 100%? "100%": ((document.body.clientWidth)) > 1400? "1400px": "92%" ); }
/*СТРУКТУРА БЛОКОВ*/
.container,
.rightside,
.leftside,
.centersideinn { overflow: hidden; }
.rightside { float: right; width: 220px;padding-left:8px;padding-right:1px; padding-top: 4px;}
.leftside { float: left; width: 220px; padding-top: 4px; padding-left:5px; }
.centerside { padding-top: 6px;padding-right:8px; }
.centersideinn { overflow: hidden; }
*html .centerside { margin-left: 212px; margin-right: 212px; }
*html .centersideinn { width: 98.8%; }
/* ==================== */
.skin {
padding-left: 10px;
}
select {
font-size: 11px;
font-family: tahoma;
}
.top_11 {
background-image: url(antidle/images/dlet_top_11.gif);
background-repeat: repeat-x;
height: 60px;
}
.top_13 {
background-image: url(antidle/images/dlet_top_13.gif);
background-repeat: repeat-x;
height: 60px;
}
.top_15 {
background-image: url(../images/dlet_top_15.gif);
background-repeat: repeat-x;
height: 60px;
}
.top_17 {
background-image: url(../images/dlet_top_17.gif);
background-repeat: repeat-x;
height: 60px;
}
.top_19 {
background-image: url(../images/dlet_top_19.gif);
background-repeat: repeat-x;
height: 60px;
}
.top_20_1 {
background-image: url(../images/dlet_top_20_1.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
.top_26 {
background-image: url(../images/dlet_top_26.gif);
background-repeat: repeat-x;
}
.top_31 {
background-image: url(../images/dlet_top_31.gif);
background-repeat: repeat-x;
height: 40px;
}
.top_32 {
background-image: url(../images/dlet_top_32.gif);
background-repeat: repeat-x;
height: 40px;
}
.cpbkgr_nolog {
background-image: url(../images/dlet_cpbkgr_nolog.gif);
background-repeat: no-repeat;
}
.cpbkgr_log {
background-image: url(../images/dlet_cpbkgr_log.gif);
background-repeat: no-repeat;
}
.lcol_bkgr {
background-image: url(../images/dlet_lcol_bkgr.gif);
background-repeat: repeat-y;
}
.lcol_bkgr2 {
background-image: url(../images/dlet_lcol_bkgr2.gif);
background-repeat: no-repeat;
background-position: top left;
}
.bl_title_bkgr {
background-image: url(../images/dlet_bltitle_b.gif);
background-repeat: no-repeat;
height: 32px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding-left: 11px;
}
.block_02 {
background-image: url(../images/dlet_bl_2.gif);
background-repeat: repeat-y;
}
.a_block_12 {
background-image: url(../images/dlet_artblock_12.gif);
background-repeat: repeat-x;
}
.a_block_22 {
background-image: url(../images/dlet_artblock_22.gif);
background-repeat: repeat-x;
}
.a_block_32 {
background-image: url(../images/dlet_artblock_32.gif);
background-repeat: repeat-x;
}
.a_block_42 {
background-image: url(../images/dlet_artblock_42.gif);
background-repeat: repeat-x;
}
.a_block_52 {
background-image: url(../images/dlet_artblock_52.gif);
background-repeat: repeat-x;
}
.a_block_61 {
background-image: url(../images/dlet_artblock_61.gif);
background-repeat: repeat-y;
}
.a_block_63 {
background-image: url(../images/dlet_artblock_63.gif);
background-repeat: repeat-y;
}
.a_block_72 {
background-image: url(../images/dlet_artblock_72.gif);
background-repeat: repeat-x;
}
.a_block_82 {
background-image: url(../images/dlet_artblock_82.gif);
background-repeat: repeat-x;
}
.adblock_12 {
background-image: url(../images/dlet_adblock_12.gif);
background-repeat: repeat-x;
}
.adblock_21 {
background-image: url(../images/dlet_adblock_21.gif);
background-repeat: repeat-y;
}
.adblock_23 {
background-image: url(../images/dlet_adblock_23.gif);
background-repeat: repeat-y;
}
.adblock_32 {
background-image: url(../images/dlet_adblock_32.gif);
background-repeat: repeat-x;
}
.footer_b {
background-image: url(../images/dlet_footer_b.gif);
background-repeat: repeat-x;
height: 71px;
}
/* ==================== Поле малой формы поиска */
.s_field {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(../images/dlet_field_s.gif);
background-repeat: repeat-x;
height: 14px;
padding-left: 3px;
border: 1px solid #e6e6e6;
}
/* ==================== Поле формы авторизации */
.a_field {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(../images/dlet_field_a.gif);
background-repeat: repeat-x;
height: 14px;
padding-left: 3px;
border: 1px solid #ffffff;
}
/* ==================== */
.f_textarea {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(../images/dlet_field_o.gif);
background-repeat: repeat-x;
width: 459px;
height: 156px;
border: 1px solid #e0e0e0;
}
.f_input {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(../images/dlet_field_o.gif);
background-repeat: repeat-x;
width: 300px;
height: 14px;
border: 1px solid #e0e0e0;
}
.f_select {
color: #757575; /* ! */
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
background-image: url(../images/dlet_field_o.gif);
background-repeat: repeat-x;
height: 14px;
border: 1px solid #e0e0e0;
}
/* ==================== Главное меню сайта */
#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
#repa_plus
{padding-left: 5px; padding-right: 5px; padding-top: 2px; height: 20px; color: #000; font-weight: bold; background-color: #7fdf7f; font-family: verdana; cursor: move;}
#repa_minus
{padding-left: 5px; padding-right: 5px; padding-top: 2px; height: 20px; color: #000; font-weight: bold; background-color: #f7a79f; font-family: verdana; cursor: move;}
#repa_none
{padding-left: 5px; padding-right: 5px; padding-top: 2px; height: 20px; color: #fff; font-weight: bold; background-color: #ff8b2d; font-family: verdana; cursor: move;}
#repa_ava
{float:left;padding-right:10px;width:80px;height:80px;}
#repa_info
{float:left;padding-right:10px;height:80px;}
.repa-wh10
{width:10px;height:10px;}
PHP:
<img class="repa-wh10"width:10px;height:10px;/img>
<fieldset><table cellpadding="0" cellspacing="0" width="100%" style="background:#fff;"><tr valign="top">
<td width="95"><div class="avatar"><img src="{foto}" alt=""/>
<div>{group-icon}</div>
<div>Комментариев: {comm-num}</div>
<div>Публикаций: {news-num}</div>
<div>ICQ: {icq}</div>
Репутация: {repa}
<div>Имя: {fullname}</div>
</div>
</td>
<td>
<table class="comblock" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="28"><img src="{THEME}/images/comment/cblock_left_top.gif" width="28" height="12" alt="" /></td>
<td class="cblock-top"><img src="{THEME}/images/spacer.png" width="1" height="12" alt="" /></td>
<td width="12"><img src="{THEME}/images/comment/cblock_right_top.gif" width="12" height="12" alt="" /></td>
</tr>
<tr valign="top">
<td class="cblock-left"><img src="{THEME}/images/comment/cblock_left_mtop.gif" width="28" height="91" alt="" /></td>
<td class="cblock-content">
#{comment-id} {author}<span class="newstitle">{news_title}</span>
<table cellpadding="0" cellspacing="0" width="100%"><tr>
<td>{group-name} | {date} | Регистрация: {registration}</td><td width="30%"> </td>
</tr></table>
<hr />
{comment}<span align="right">[fast]<img src="{THEME}/dleimages/quote.png" title="Цитировать" alt="Цитировать" align="right">[/fast]</span>
<br />[signature]{signature}[/signature]
<div align='right'>
<span>[com-edit]<img class="si_edit" src="{THEME}/images/spacer.gif" title = "Редактировать комментарий" border="0">[/com-edit]</span>
<span>[com-del]<img class="si_delete" src="{THEME}/images/spacer.gif" title = "Удалить комментарий" border="0">[/com-del]</span>
</div><div class="clr"></div>
</td>
<td class="cblock-right"><img src="{THEME}/images/comment/cblock_right_mtop.gif" width="12" height="62" alt="" /></td>
</tr>
<tr>
<td width="28"><img src="{THEME}/images/comment/cblock_left_bottom.gif" width="28" height="12" alt="" /></td>
<td class="cblock-bottom"><img src="{THEME}/images/spacer.png" width="1" height="12" alt="" /></td>
<td width="12"><img src="{THEME}/images/comment/cblock_right_bottom.gif" width="12" height="12" alt="" /></td>
</tr>
</table>
</td>
</tr>
</table></fieldset>
только теперь картинки стали совсем маленькие.