Помогите исправить некорректное отображение

muchachosll · July 5, 2017

На главной странице сайта вид и текст как должен быть по центру:

Здесь

А при нажатии кнопки подробнее, т.е при открытии и просмотре полной статьи, получается вот такая картина:

Hydropericardium · July 5, 2017

Ссыку на сайт бы. Гадать по фотографии трудно, ну во всяком случае мне )

muchachosll · July 5, 2017

Только что, Hydropericardium сказал:

Ссыку на сайт бы. Гадать по фотографии трудно, ну во всяком случае мне )

он на локальном сервере еще

Hydropericardium · July 5, 2017

На вскидку проверяйте стили, там что-то не так с paddingom либо margin. Чтоб дать точное решение - нужен сайт.

muchachosll · July 5, 2017

Только что, Hydropericardium сказал:

На вскидку проверяйте стили, там что-то не так с paddingom либо margin. Чтоб дать точное решение - нужен сайт.

может скинуть код? на html и css&

muchachosll · July 5, 2017

{poll}
<div class="short full news block">
            <h1 id="news-title" class="title">{title}</h1>
            <div class="meta">
              <ul class="list">
                <li class="author">{author}</li>
                <li class="date">[day-news]{date}[/day-news]</li>
                <li class="cat">{link-category}</li>
              </ul>
              <div style="float:right;">[rating][rating-type-1]<div class="ratebox"><div class="rate">{rating}</div></div>[/rating-type-1]
  [rating-type-2]<div class="ratebox2">
      <ul class="reset">
      <li>[rating-plus]<img src="{THEME}/images/like.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      <li>{rating}</li>
      </ul></div>[/rating-type-2]
  [rating-type-3]<div class="ratebox3">
      <ul class="reset">
        <li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
        <li>{rating}</li>
        <li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
      </ul>
      </div>[/rating-type-3][/rating]</div>
            </div>
            <div class="short-story">
			{full-story}
            </div>
            <div class="bottom-info">
              <a href="javascript:history.back()" class="full-link">ВЕРНУТЬСЯ</a>
              <div style="float:right;margin-top:3px;">
                <div class="comm-views">
                  <span class="comm">Комментариев: [com-link]{comments-num}[/com-link]</span>
                  <span class="views">Просмотров: {views}</span>
                </div>
		[not-group=5]
                <ul class="admin-button">
                  <li>[complaint]<img src="{THEME}/images/warn.png" alt="" />[/complaint]</li>
                  <li>[edit]<img src="{THEME}/dleimages/editstore.png" title="Редактировать" alt="Редактировать" />[/edit]</li>
                  <li>{favorites}</li>
                </ul>
		[/not-group]
              </div>
            </div>
          </div>
[related-news]		  
<h2 style="font-size:14px;">Скачать "{title}" и похожие программы:</h2>
<div class="related-news">{related-news}</div>
[/related-news]
	[group=5]
<div class="information">
<p class="descr">Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.<br />
		Мы рекомендуем Вам <a href="/index.php?do=register">зарегистрироваться</a> либо войти на сайт под своим именем.</p>
</div>
	[/group]
{navigation}
{comments}
{addcomments}

@charset "utf-8";
/* CSS Document */

body,html{
width:100%;
height:100%;
background:url(../images/bg.gif) top left repeat #f5f4f4;
color:#3f3c3c;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;	
	}

/*style tags*/

a{text-decoration:none; color:#3b6a97;}
a:hover{text-decoration:underline; color:#3b6a97;}

strong,h5,h6{
font-weight:bold;	
	}
	
h1{font-size:24px;font-weight: bold;}
h2{font-size:18px;font-weight: bold;}
h3{font-size:14px;font-weight: bold;}
h4{font-size:12px;font-weight: bold;}
h5{font-size:11px;font-weight: bold;}
h6{font-size:10px;font-weight: bold;}

/*style tags end*/

.clear{clear:both;}

#wrapper{
width:1000px;
margin:0 auto;	
	}

#content-bg{
background:#fff;
border-radius:15px;
margin-top:10px;
overflow:hidden;
box-shadow:0 2px 2px rgba(0,0,0,0.42);	
behavior: url(/PIE.php); position: relative;
	}

/*header*/

.h_social{
background:url(../images/h_menu-social.gif) bottom center no-repeat;
float:left;
padding:0 5px 7px;
position:absolute;
margin:11px 0 0 10px;
	}

.h_social li{
float:left;
margin:0 5px;	
	}

.h_social li a{
display:inline-block;
width:35px;
height:34px;		
	}
	
.h_social li a.item-1{background:url(../images/h_social-1.png) top no-repeat;}	
.h_social li a.item-2{background:url(../images/h_social-2.png) top no-repeat;}
.h_social li a.item-3{background:url(../images/h_social-3.png) top no-repeat;}
.h_social li a.item-1:hover,.h_social li a.item-2:hover,.h_social li a.item-3:hover{background-position:bottom;}	

.h_menu{
background: url(../images/h_menu-bg.png);
height:50px;
width:865px;
padding-bottom:15px;
float:right;	
	}		

.h_menu ul{
margin-left:40px;	
	}

.h_menu ul li{
float:left;
padding:17px;
background:url(../images/h_menu-item.png) right top no-repeat;
	}

.h_menu ul li a{
color:#fff;
font-size:14px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.23);	
	}

.logo{
display:inline-block;
float:left;
margin:10px 20px;	
	}

.site-slogan{
font-size:13px;
color:#8f9090;
font-style:italic;
margin:155px 0 0 147px;
position:absolute;
}
	
.h_banner-block{
width:519px;
height:112px;
position:relative;
float:right;
background:url(../images/h_banner-bg.png) no-repeat;
margin:10px 20px;	
	}

.h_banner-block:before{
content:'';
background:url(../images/h_separation.png);
width:12px;
height:97px;
display:inline-block;
margin:5px 0 0 -55px;	
position:absolute;
	}

.h_banner-block .h_banner{
position:absolute;
top:11px;
left:25px;	
	}

.h_banner-block .h_banner-order{
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
font-size:10px;
display:inline-block;
background:url(../images/h_banner-order.png) top center no-repeat;
position:absolute;
top:88px;
left:200px;
padding:2px 20px;
	}

.h_banner-block .h_banner-order:hover{
background-position:bottom;	
	}

.h_bottom-bg{
background:url(../images/h_bottom-bg.png);
height:62px;
overflow:hidden;	
	}

.h_bottom-bg .speedbar{
background:#1d3751;
padding:5px 10px 5px 5px;
display:inline-block;
border-radius:5px;
margin:12px 0 0 10px;
font-size:12px;
color:#fff;
box-shadow:0 1px 0 rgba(48,77,103,0.75),
		   0 1px 2px rgba(0,0,0,0.38) inset;
text-shadow:0 1px 0 rgba(0,0,0,0.29);	
behavior: url(/PIE.php); position: relative;
	}

.h_bottom-bg .speedbar span#dle-speedbar{
background:url(../images/h_speedbar-current.png) left top no-repeat;
color:#f9ab1e;
padding:3px 0 1px 20px;
display:inline-block;	
	}
	
	.h_bottom-bg .speedbar span#dle-speedbar a{
color:#fff;
	}

.h_search{
background:url(../images/h_search-bg.png);
width:303px;
height:41px;
float:right;
margin:11px 15px 0 0;
position:relative;	
	}

.h_search form{
background:url(../images/h_search-form.png);
width:272px;
height:31px;
position:absolute;
top:8px;
left:15px;	
	}

.h_search form input{
border:none;	
	}

.h_search form input[type=text]{
background:none;
margin:7px 0 0 10px;
width:230px;
color:#22476a;
font-size:12px;
font-style:italic;	
	}

.h_search form input[type=submit]{
background:url(../images/h_search-submit.png);
width:15px;
height:15px;
cursor:pointer;
margin-left:5px;	
	}

/*main*/

#main{
display:inline-block;
width:100%;
margin-bottom:10px;	
	}

#left{
float:left;
width:225px;
margin-left:10px;	
	}

#center{
width:510px;
margin:0 10px;
display:inline-block;	
	}

#right{
float:right;
width:225px;
margin-right:10px;	
position:relative;
	}

.bg-grey{
border:1px solid #f4f4f4;
background:#f8f8f8;	
	}

/*title blocks*/

.block{
background:#fff;
border-radius:10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
padding-bottom:10px;
margin-bottom:10px;	
behavior: url(/PIE.php); position: relative;
	}

.title-block{
font-size:13px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;	
box-sizing:border-box;-moz-box-sizing: border-box;
padding:9px 0 0 35px;
behavior: url(/PIE.php); position: relative;
	}

.title-block-1{
background:url(../images/title-block-1.png);
height:66px;	
	}

.title-block-2{
background:url(../images/title-block-2.png);
height:66px;	
	}	

.title-block-3{
background:url(../images/title-block-3.png);
height:46px;
padding-top:13px;	
	}

.title-block-4{
background:url(../images/title-block-4.png);
height:46px;
padding-top:13px;	
	}

.catalog-list li a{
display:block;
border-bottom:1px solid #f0f0f0;
border-top:1px solid #fff;
background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
background-image: linear-gradient(top, #f6f6f6, #ffffff);
padding:6px 5px 5px 10px;
color:#544e4e;
font-size:12px;	
	}

.catalog-list li a:before{
content:'';
display:inline-block;
height:10px;
width:10px;
background:url(../images/catalog_list-item.png) top;
margin-right:5px;
margin-bottom:-1px;	
	}

.catalog-list li a:hover{
background:url(../images/catalog_list-item-hover.jpg) !important;
color:#fff;
text-decoration:none;	
	}

.catalog-list li a:hover:before{
background-position:bottom;	
	}

.catalog-list li:first-of-type a{
background:none;	
	}

.popular-programm_list{
padding:0 5px;	
	}

.popular-programm_list li{
border-bottom:1px dotted #c8c8c8;
padding:3px 0;
	}

.popular-programm_list li:last-of-type{
border:none;	
	}

.popular-programm_list li a{
display:block;
background:#d4dfe8;
border-radius:5px;
padding:5px;
color:#34536b;
text-shadow:0 1px 0 rgba(255,255,255,0.47);
behavior: url(/PIE.php); position: relative;	
	}

.popular-programm_list li a:before{
content:'';
display:inline-block;
width:5px;
height:5px;
background:url(../images/popular-programm_list-item.gif) top;
margin-right:5px;
margin-bottom:1px;
	}										

.popular-programm_list li a:hover:before{
background-position:bottom;	
	}	
	
.popular-programm_list li a:hover{
text-decoration:none;
background:#f1a01c;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.18);	
	}

.top-user_list{
padding:0 5px;	
	}

.top-user_list .item{
background:url(../images/top-user-separation.png) bottom center no-repeat;
padding:4px 0 7px;
overflow:hidden;	
	}

.top-user_list .item:last-of-type{
background:none;	
	}

.top-user_list .item .avatar{
position:relative;
overflow:hidden;
float:left;
margin-right:5px;
padding:1px;
border:1px solid #cdcdcd;	
position: relative;
	}

.top-user_list .item .avatar .number{
position:absolute;
top:5px;
right:5px;
padding:1px 5px;
color:#fff;
background:url(../images/number-bg.png);
border-radius:5px;
behavior: url(/PIE.php); 
	}

.top-user_list .item .info{
color:#676767;
line-height:12px;	
	}

.top-user_list .item .info a{
color:#348315;
font-weight:bold;	
	}

.top-user_list .item .info em{
color:#444444;
font-style:italic;	
	}
.nblock {
display: none;
	}
.search-total_list li {
display:block;
padding:0 5px 5px;
border-bottom:1px solid #f0f0f0;
border-top:1px solid #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
background-image: linear-gradient(top, #f6f6f6, #ffffff);

behavior: url(/PIE.php); position: relative;
	}	

.search-total_list li a{
margin:0 0 1px;
color:#535252;
font-style:italic;	
	}			

.search-total_list li a:before{
content:'';
display:inline-block;
height:16px;
width:1px;
margin:1px 1px 1px;
float:left;	
	}
	
.search-total_list li a strong{
color:#24486c;
font-size:12px;	
	}	

	
.archives
{
display:block;
padding:0 5px 5px;
border-bottom:1px solid #f0f0f0;
border-top:1px solid #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f6f6f6', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -ms-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
background-image: linear-gradient(top, #f6f6f6, #ffffff);
behavior: url(/PIE.php); position: relative;
}	

.archives a {
margin:0 0 1px;
color:#535252;}	
	
.login-block{
margin-bottom:10px;	
	}

.login-block a, button.login-logout{
display:inline-block;
height:30px;
font-size:12px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;	
box-sizing:border-box;-moz-box-sizing: border-box;
padding:6px 0 0 25px;	
	}

.login-block a:hover{
text-decoration:none;	
	}

.login-linkpanel{
background:url(../images/login-linkpanel.png) top right no-repeat;
width:149px;
margin-left:-6px;	
	}
.login-linkpanel:hover{background-position:bottom;}	

.login-small{
float:left !important;
margin-left:-6px !important;
}

.login-big{
float:right;
margin-right:-6px !important;
}

.login-logout,button.login-logout{
background:url(../images/login-logout.png) top right no-repeat;
width:85px;	
padding-left:35px !important;
float:right;
margin:0 -6px 0 0;
	}
.login-logout:hover{background-position:bottom;}

.interestingarticle li{
margin:5px -2px 3px 0;	
	}

.interestingarticle li a{
display:block;
background:url(../images/interestingarticle-item.png) top left no-repeat;
height:30px;
font-size:12px;
color:#3a6085;
padding:6px 0 0 25px;
box-sizing:border-box;-moz-box-sizing: border-box;	
	}

.interestingarticle li a:hover{
background-position:bottom;
font-size:12px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;	
text-decoration:none;	
	}

.block-right{
background:url(../images/block-right-separation.png) center bottom no-repeat;
padding-bottom:5px;
margin-bottom:5px;	
	}

.helpsite-text{
background:url(../images/helpsite-textbg.png) top center no-repeat;
color:#3a5a7c;
font-size:10px;
font-style:italic;
line-height:12px;
padding:8px;
width:229px;
height:70px;
box-sizing:border-box;-moz-box-sizing: border-box;
margin-top:5px;	
	}

.banner88x31{
background:url(../images/banner88x31-bg.png) top center no-repeat;
width:117px;
height:50px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:6px 13px;	
	}

.banner88x31 a{
display:inline-block;
padding:1px;
border:1px solid #d2d2d2;	
	}

.helpsite-banner{
margin:0 auto;	
	}

.helpsite-link{
background:url(../images/helpsite-link.png) top center no-repeat;
height:28px;
width:136px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:5px 0;
text-align:center;
font-size:11px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
display:inline-block;
margin:10px 45px;		
	}

.helpsite-link:hover{
background-position:bottom;
text-decoration:none;	
	}

.lastarticle .item{
margin-top:5px;
padding-bottom:5px;
border-bottom:1px dashed #c4c4c4;
}

.lastarticle .item:last-of-type{border:none;}

.lastarticle .item .img{
padding:3px;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.43);
border-radius:2px;
float:left;
margin-right:10px;	
behavior: url(/PIE.php); position: relative;
	}

.lastarticle .item .title{
font-size:11px;
color:#365c83;	
	}

.lastarticle .item .title:hover{
text-decoration:none;
color:#d06c01;	
	}	

.lastarticle .item .descr{
background:#e8e8e8;
padding:5px;
margin-top:5px;
border-radius:5px;
color:#5b5a5a;
text-shadow:0 1px 0 rgba(255,255,255,0.62);
behavior: url(/PIE.php); position: relative;
	}

.last-comments .item{
background:#e5e9e8;
display:block;
padding:5px;
border-radius:5px;
margin-top:5px;	
behavior: url(/PIE.php); position: relative;
	}

.last-comments .item .avatar{
float:left;
display:inline-block;
padding:1px;
border:1px solid #fff;
margin:5px 5px 0 0;	
	}

.last-comments .item .info{
color:#444141;
font-size:11px;	
	}

.last-comments .item .info a{
color:#375c80;	
	}

.last-comments .item .info .date{
color:#c80000;
font-size:10px;	
font-style:italic;
	}

.vote{
display:inline-block;	
	}

.vote .theme{
background:url(../images/vote-theme.png) center top no-repeat;
width:229px;
height:65px;
font-size:12px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:15px 0 15px 60px;
margin-top:5px;		
	}

.vresult .vote{
display:block;
font-size:12px;
}

	
.result{
color:#343434;
font-size:12px;
line-height:18px;	
	}

.vote-button{
border-top:1px dashed #bcbcbc;
padding:10px;
margin-top:5px;	
	}

.vote-button .submit, .news .bottom-info .full-link{
background:url(../images/vote-submit.png) top center no-repeat;
width:102px;
height:31px;
box-sizing:border-box;-moz-box-sizing: border-box;
display:inline-block;
font-size:11px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;	
padding:6px 0;
text-align:center;
	}																																												

.vote-button .submit:hover{background-position:bottom; text-decoration:none}

.vote-button div{
font-style:italic;	
	}

.vote-button div a{
color:#34587e;	
	}	

.sort{
background:url(../images/sort-bg.png) center top no-repeat;
width:511px;
height:30px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:9px;
text-align:center;	
margin-bottom:10px;
	}

.sort a{
color:#494948;
}
	
.center-bg{
background:#f8f8f8;
border:1px solid #ededed;
padding:5px;
border-radius:10px;	
behavior: url(/PIE.php); position: relative;
	}

.site-descr{
color:#436487;
font-style:italic;
padding:5px 10px;	
	}
	
.site-descr h1{
color:#436487;
padding:10px 0px;	
font-size: 14px;
font-weight:bold;
	}

.full{
border-radius:10px 10px 0 0;
box-shadow:none;
behavior: url(/PIE.php); position: relative;
}
	
.news{
padding:0;	
	}

.news .title{
font-size:12px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
width:498px;
height:94px;
box-sizing:border-box;-moz-box-sizing: border-box;
background:url(../images/news-title.png);
padding:10px 0 0 40px;
margin-bottom:-20px;		
	}

.news .title a{
color:#fff;
}
	
.news .meta{
margin:0 10px;
border-radius:10px;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.22);
padding:5px;
overflow:hidden;
behavior: url(/PIE.php); position: relative;	
	}

.news .meta ul.list li{
float:left;
color:#3c3c3c;
border-right:1px dashed #dddddd;
padding:3px 10px 3px 30px;	
	}

.news .meta ul.list li:last-of-type{
border:none;	
	}

.news .meta ul.list li a{
color:#3c3c3c;
	}

.news .meta ul.list li.author{background:url(../images/author.png) 5px 1px no-repeat}									
.news .meta ul.list li.date{background:url(../images/date.png) 10px 1px no-repeat}
.news .meta ul.list li.cat{background:url(../images/cat.png) 7px 3px no-repeat}

.news  .short-story{
margin-top:5px;
border-top:1px dashed #cfcfcf;
padding:20px;
font-size:12px;
color:#5e5d5d;	
	}

.news .bottom-info{
/*border-top:4px solid #646464;*/
padding:5px 5px 5px;	
	}

.news .bottom-info .full-link{
background:url(../images/full-link.png) top no-repeat;	
	}

.news .bottom-info .full-link:hover{background-position:bottom;text-decoration:none;}

.news .bottom-info .comm-views{float:left;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.26);margin-right:10px;}	

.news .bottom-info .comm-views span{
display:inline-block;
height:23px;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:5px 10px;
border-radius:5px;	
behavior: url(/PIE.php); position: relative;
	}

.news .bottom-info .comm-views .comm{
background:url(../images/comm-views.jpg) bottom repeat-x;
padding-right:30px;	
	}

.news .bottom-info .comm-views .views{
background:url(../images/comm-views.jpg) top repeat-x;
margin-left:-25px;	
	}

.news .bottom-info .admin-button{float:right;}
	
.news .bottom-info .admin-button li{
float:left;
margin:1px;	
	}
	
/*footer*/

#footer{
background:url(../images/footer-bg.png) top left no-repeat;
overflow:hidden;
position:relative;
padding-bottom:15px;	
	}

#footer-inner{
padding-top:70px;
overflow:hidden;
}
	
#footer .f-block{
padding:0 20px;
float:left;
position:relative;
	}

#footer .f-block:before{
content:'';
background:url(../images/f-block-bg.png) top left repeat-y;
width:10px;
height:1100px;
display:inline-block;
position:absolute;
margin-top:5px;
margin-left:-12px;
}

#footer .f-block-last:after{
content:'';
background:url(../images/f-block-bg.png) top left repeat-y;
width:10px;
height:1100px;
display:inline-block;
position:absolute;
margin-top:5px;
right:-22px;
}
	
#footer .f-block .f-block-title{
background:url(../images/f-title-block.png);
width:137px;
height:46px;
color:#3a3939;
font-size:12px;
font-style:italic;	
box-sizing:border-box;-moz-box-sizing: border-box;
margin-top:-46px;
padding:9px 25px;
	}

#footer .f-block .f-tags{
padding:5px 10px;
font-size:12px;	
	}

#footer .f-block .f-tags a{
color:#494949;
}
	
#footer .f-block .f-banner li{
float:left;
margin-top:5px;	
	}

.copyring{
padding:5px 0;
font-style:italic;
line-height:13px;
color:#4b4a4a;	
	}

.copyring a{
color:#1f4162;	
	}

.design-top{
float:right;
margin:-52px 20px 0 0;	
	}

.design{
display:inline-block;
float:left;
margin:15px 0 0;	
	}

.top{
display:inline-block;
width:55px;
height:53px;
background:url(../images/top.png) top no-repeat;	
	}

.top:hover{background-position:bottom;}	

/*dle style*/

.bnnavi{
background:#fff;
border-radius:10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
padding:5px;
overflow:hidden;
behavior: url(/PIE.php); position: relative;
}

.bnnavi .navigation{
float:left;
margin-top:3px;
}

.bnnavi .navigation span{
font-size:14px;
font-style:italic;
color:#fff;
display:inline-block;
padding:3px 5px;
background:#497291;
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}

.bnnavi .navigation a{
font-size:14px;
font-style:italic;
color:#424242;
display:inline-block;
padding:3px 5px;
}

.bnnavi .nextprev{
float:right;
}

.bnnavi .nextprev span.thide{
font-size:12px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
background:#497291;
padding:5px;
border-radius:5px;
display:inline-block;	
behavior: url(/PIE.php); position: relative;
}

.bnnavi .nextprev a:hover span.thide{
background:#e09200;
}

.bnnavi .nextprev .pprev:before{
content:'';
width:17px;
height:9px;
display:inline-block;
margin-right:5px;
background:url(../images/pprev.png) top left no-repeat;
}
.bnnavi .nextprev .pnext:after{
content:'';
width:17px;
height:9px;
display:inline-block;
margin-left:5px;
background:url(../images/ppnext.png) top left no-repeat;
}

.loginbox{
display:none;
position:relative;
margin-left: -430px;
z-index:999;
width:345px;
background:url(../images/loginbox-title.png) top left no-repeat #fff;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:90px 10px 10px;
border-radius:10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
margin-top:-40px;
behavior: url(/PIE.php); 

}

.loginbox1{
background:url(../images/loginbox-title1.png) top left no-repeat #fff;
}

.loginbox .left{
float:left;
margin-right:5px;
text-align:center;
width:120px;
}

.loginbox .left .avatar{
padding:5px;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.43);
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}

.loginbox .left .logout{
display:inline-block;
background:#385471;
font-size:11px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
padding:2px 5px;
border-radius:2px;
margin:10px 0;
behavior: url(/PIE.php); position: relative;
}

.loginbox .left .logout:hover{
background:#e48906;
text-decoration:none;
}

.loginbox  .catalog-list{
overflow:hidden;
}

.loginbox  .catalog-list li a{
border-bottom:1px dashed #d6d6d6;
font-size:11px;
padding:3px;
border-top:none;
}

.loginbox  .catalog-list li a:hover{
border-bottom:none;
background-position:center;
padding:4px 3px 3px;
}

.loginbox  .catalog-list li:last-of-type a:hover{
padding:3px;
}

.loginbox  .catalog-list li:last-of-type a{
border-bottom:none;
}	

.login-close{
display:inline-block;
float:right;
height:26px;
width:26px;
background:url(../images/login-close.png) top left no-repeat;
margin-top: -15px;
}

.login-close:hover{
background-position:bottom;
}

.login-form label{
position:absolute;
font-size:11px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
margin:10px 15px;
text-transform:uppercase;
}

.login-form input{
background:url(../images/login-input.png) top left no-repeat;
width:331px;
height:37px;
border:none;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:0 20px 5px 65px;
color:#fff;
padding-top:9px \0/;
}

.login-border{
border-bottom:1px dashed #afafaf;
padding:5px 0;
}

button.login-submit{
float:none;
margin:10px 120px;
border:none;
padding:0px 5px 5px 30px !important;
text-align:left;
}

.lost-pass{
display:inline-block;
margin-top:5px;
color:#416a8b;
font-style:italic;
}	

.related-news{
background:url(../images/related-news.jpg) top left no-repeat #243c54;
padding-top:40px;
overflow:hidden;
}

.related-news ul{
margin:5px;
}

.related-news ul li{
padding:4px 0;
border-bottom:1px dashed #38667d;
}

.related-news ul li a{
display:block;
width:489px;
background:url(../images/related-item.png) top center no-repeat;
padding:6px 6px 6px 30px;
box-sizing:border-box;-moz-box-sizing: border-box;
font-size:12px;
color:#274a64;
}

.information{
background:url(../images/info-bg.png) top center no-repeat;
height:74px;
width:490px;
margin:5px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
padding:12px 10px 10px 70px;
box-sizing:border-box;-moz-box-sizing: border-box;
}							

.information .title{
font-size:14px;
font-weight:bold;
font-style:italic;
}

.information a {
color:#eaeaea;
}


.comment{
border:1px solid #ebebeb;
background:#fff;
overflow:hidden;
margin-top:1px;
padding:7px;
}

.comment .left{
float:left;
text-align:center;
margin-right:5px;
}

.comment .left img{
width:64px;
height:64px;
padding:5px;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.43);
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}

.comment .left a{
background:url(../images/com-fast.png) top center repeat-x;
padding:4px 10px;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
font-size:12px;
display:inline-block;
height:26px;
width:80px;
box-sizing:border-box;-moz-box-sizing: border-box;
text-align:center;
margin-top:5px;
}

.comment .left a:hover{
background-position:bottom;
text-decoration:none;
}

.comment .right{
overflow:hidden;
}

.comment .right .info{
border-bottom:1px dashed #c7c7c7;
margin-bottom:5px;
padding-bottom:3px;
overflow:hidden;
}

.comment .right .info li{
float:left;
font-style:italic;
color:#6b6a69;
}

.comment .right .info li.author{
background:#f99e00;
padding:3px 5px;
border-radius:5px;
behavior: url(/PIE.php); position: relative;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
}

.comment .right .info li.author a{
color:#fff;
}

.comment .right .info li.date{
margin:3px 6px;
}

.comment .right .info li.group{
float:right;
margin:3px 0 0;
}

.comment .right .text{
background:#f3f3f3;
border-radius:5px;
padding:5px;
color:#585756;
font-size:12px;
overflow:hidden;
behavior: url(/PIE.php); position: relative;
}

.comedit{
float:right;
}	

.comedit ul li{
float:left;
margin-left:5px;
}

.comedit ul li a,.fbutton{
color:#6a6a6a;
font-size:12px;
display:inline-block;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,0.34);
border-radius:10px;
padding:3px 6px;
border:none;
behavior: url(/PIE.php); position: relative;
}

.comedit ul li a:hover,.fbutton:hover{
text-decoration:none;
color:#53789f;
}

.addcomment{
background:url(../images/add-com.jpg) top center no-repeat #fff;
padding:46px 10px;
border-radius:0 0 10px 10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
width:499px;
box-sizing:border-box;-moz-box-sizing: border-box;	
behavior: url(/PIE.php); position: relative;
}
/* ------ 15 sept 2012------- */
.short-story   img {
max-width: 400px;
}
.short-story   h2,.short-story   h3,.short-story   h4,.short-story   h5,.short-story   h6  {
 color:#3b6a97;
 padding-bottom: 15px;
}

.pheading   h2,.pheading   h3,.pheading   h4,.pheading   h5,.pheading   h6  {
 color:#3b6a97;
 padding-bottom: 15px;
}

.dpad   h2,.dpad   h3,.dpad   h4,.dpad   h5,.dpad   h6  {
 color:#3b6a97;
 padding-bottom: 15px;
}
.editor {
max-width : 420px !important;
}
#comments {

max-width : 420px !important;
}
.clr { clear: both; }
.inv { display: none; }

table { border-collapse: collapse; border-spacing: 0; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }

.lcol, .rcol { display: inline; }
.lcol { float: left; }
.rcol { float: right; }
.vnavi li a, .loginbox .logbtn, .bngreen ul a, .bfriends ul a, .argmore a, .navigation a, .related li a { text-decoration: none !important; }

/*errors*/
.berrors { margin-bottom: 16px; font-size: 0.9em; font-style: italic; padding: 8px 21px 8px 22px; background-color: #fcf7ee; line-height: normal; border: 1px solid #f3e4d9; border-width: 1px 0; }

/*pages*/
.bcheading { line-height: normal; font-weight: normal; margin: 0 0 0.8em 0; }
.heading { font-weight: normal; font-size: 1.6em; color: #296999; margin-bottom: 0.5em; }

/*forms*/
.tableform { width: 100%; }
	.tableform td { padding: 8px 0; line-height: 1.35em; }
	.tableform td.label { width: 22%; vertical-align: top; text-align: right; padding-right: 8px; font-weight: bold; }
	.tableform tr { background: url("../images/lightpoint.png") repeat-x; }
	.tableform tr.flast td { padding-bottom: 0; }
	.tableform .nostylebb tr { background: none; }
	.tableform .nostylebb tr td { padding: 0; }
	.addnews { font-weight: bold; }
	.impot { color: #e5372f; font-weight: normal; }
	.checkbox { padding: 4px 0; font-size: 0.9em; color: #939393; line-height: 1em; }
		.checkbox input { margin-top: -2px; vertical-align: middle; }

.f_input { width: 300px; padding: 1px; }
.f_textarea { width: 458px; height: 156px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xfields input, .xfields select { background-color: #f9fafa; border: 1px solid #d4dfe8; }
.textin { padding: 2px; }

/*search*/
.searchstyle { width: 480px; }
.search { font-size: 11px; }
.searchtable table { border-collapse: separate; border-spacing: 0; border: 0; }
.searchtable fieldset legend { color: #404040; }
	
	.searchhead { font-size: 0.9em; background: url("../images/fbtags.png") repeat-x 0 100%; border-top: 1px solid #d4dfe8; padding: 8px 21px 8px 22px; }
	.searchhead:hover { background: #f8f9f9; }

#searchuser, #searchinput { width: 90% !important; }

/* statistics */
.statistics { margin: 0 auto; }
	.statinn { text-align: left; }
	.statistics ul { margin-bottom: 15px; }
	.statistics ul li { position: relative; background: url("../images/dotted.png") repeat-x 0 100%; padding: 4px 0; }
	.statistics ul li b { position: absolute; right: 0; }

/* userinfo */
.usercolomn { overflow: hidden; padding: 0 0 0 115px; margin-bottom: 9px; }
	.usercolomn .lcol { width: 115px; margin: 0 0 0 -115px; }
	.usercolomn .rcol { width: 100%; }
	.usercolomn .lcol img { width: 100px; }

.userinfo {  background: url("../images/fbtags.png") repeat-x 0 100%; padding: 8px 21px 15px 22px; }
	.userinfo .relhead { color: #e7933f; }
	.userinfo ul li span { color: #797979; }
	.userinfo .uirow, .userinfo .uirow2 { padding: 10px 0;  }
	.userinfo .uirow { font-size: 0.9em; padding-top: 0; }
	.userinfo .uirow2 { font-size: 0.9em; background: url("../images/dotted.png") repeat-x 0 0; }
	.userinfo ul { float: left; }

	.boxlinks { font-size: 0.9em; padding: 10px; border: 1px solid #f5f5f5; background-color: #fefefe; margin-bottom: 3px; }

/* navigation */
.basenavi br { font-size: 6px; line-height: 6px; }
.navigation { display: block; font-size: 1.5em; line-height: normal; margin-bottom: 0.1em; }
	.navigation a { color: #000; }
	.navigation a:hover { color: #2b6c9b; }
	.navigation a, .navigation span { float: left; padding: 2px 7px; }
	.navigation span { color: #fff; background-color: #89b818; }
	.nprev, .nnext { font-size: 0.9em; }

/* buttons */
.fbutton, .btn_reglog, .vresult { border: 0 none; background: none; cursor: pointer; }

	.btn_reglog { background: #f2f2f2 url("../images/bbcodes.png") repeat-x; border: 1px solid #c5c5c5; color: #7d7d7d; width: 108px; height: 21px; padding-bottom: 3px; font-weight: bold; }
	.btn_reglog:hover { background: #fff none; }

	.vresult { color: #3375a3; padding: 7px 3px 3px 3px; font-size: 0.9em; }
	.fbutton { font-size: 1.2em; border: 1px solid #326189; width: 120px; height: 28px; color: #fff; padding: 2px 0 4px 0; background: #357ba9 url("../images/fbutton.png") repeat-x; font-weight: bold; }
	.fbutton:hover { background-position: 0 -46px; color: #fff;}
	.fbutton {
		-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
		-moz-box-shadow: 0 1px 4px -2px black;
		-webkit-box-shadow: 0 1px 4px -2px black;
        box-shadow: 0 1px 4px -2px black;
	}
	
	
	/*story*/
.base, .basecont, .basenavi, .infoblock, .mass_comments_action { margin: 0 21px 2.7em 22px; }
	.shd { font-size: 1.2em; color: #000; margin-bottom: 0.6em; }
		.shd a { color: #000; }
			.shd a:hover { color: #3878a5; }
	
	.shdinf { padding: 0 0 0 6px; height: 36px; background: url("../images/shdinf.png") no-repeat; }
		.shdinf .shdinf { line-height: 22px; color: #939393; padding: 6px 6px 0 0; height: 30px; background-position: 100% 100%; font-size: 0.9em; }
	
	.date, .date b { float: left; height: 23px; padding: 0 0 0 20px; background: url("../images/date.png") no-repeat; }
		.date b { text-shadow: 0 1px 0 #fff; padding: 0 7px 0 0; background-position: 100% 100%; }
		.date { margin-right: 8px; }

	/* moderator icons */
	.isicons { float: right; text-align: right; margin-left: 8px; }
		.isicons ul { display: inline; }
			.isicons li { float: left; margin-left: 2px; }

	.maincont { margin: 0 0 0.5em 0; }
	
	.bmore { padding: 0 0 0 3px; height: 29px; background: url("../images/bmore.png") no-repeat; }
		.bmore .bmore { /*overflow: hidden;*/ padding: 0 8px 0 0; font-size: 0.9em; color: #939393; background-position: 100% 100%; }
			.bmore .lcol { margin: 6px 10px 0 0; }
			.bmore .argmore a { margin-top: 3px; }
			.bmore .ratebox { margin-top: 0; }

	.argmore a b, .argmore a { float: left; height: 25px; background: url("../images/argmore.png") no-repeat 100% 0; }
		.argmore a { text-shadow: 0 1px 0 #fff; margin-right: 10px; line-height: 22px; padding: 0 20px 0 0; }
			.argmore a b { float: left; background-position: 0 -25px; padding: 0 0 0 8px; }
				.argmore a:hover { background-position: 100% -50px; }
				.argmore a:hover b { background-position: 0 -75px; }

	.ratebox { margin-left: 8px; float: right; }

	
	.infoblock,  { background-color: #eaeaea; padding: 10px;
	-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}


/* comments */
.bcomment { margin-bottom: 8px; }
.bcomment .dtop { padding: 0 103px 0 61px; position: relative; background: #f9fafa url("../images/bcomment.png") no-repeat 100% 0; height: 68px; margin-bottom: 1em; }
	.comtopleft { position: absolute; top: -6px; left: -22px; }
	.bcomment .dtop .avatar { float: left; margin-left: -61px; height: 55px; width: 55px; padding: 7px 6px 0 0; }
		.bcomment .dtop .avatar span { overflow: hidden; display: block; height: 55px; width: 55px; }
		.bcomment .dtop .avatar span img { width: 55px; }

	.bcomment .dtop .rcol { width: 100%; }
		.bcomment .dtop h3 { font-size: 1.2em; margin: 8px 0 0 6px; height: 23px; }
		.bcomment .dtop .rcol div, .bcomment .dtop .rcol div ul { height: 37px; }
		.bcomment .dtop .rcol div ul { font-size: 0.9em; float: left; width: 49%; border-left: 1px solid #e4e4e4; }
		.bcomment .dtop .rcol div ul li { padding-left: 5px; color: #7a7a7a; }
	
	.cominfo { text-align: center; position: absolute; right: 0; top: 0; width: 93px; height: 58px; padding: 5px; background: #fff url("../images/cominfo.png"); }
		.comrate { height: 19px; line-height: 19px; font-size: 1.2em; font-weight: bold; }
			.comrate img { vertical-align: middle; margin: 0 2px; }
		.groupicon { width: 93px; height: 39px; overflow: hidden; }
	
	.comtitle { font-size: 1.2em; margin: 0 0 0.4em 0; }

	.comedit { height: 16px; font-size: 0.9em; margin-bottom: 10px; }
		.comedit ul { float: right; }
		.comedit ul li { float: right; margin-left: 6px; }
		.signature { color: #93918d; }

.psinfo { background-color: #f6f9fb; padding: 10px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}	

.pm_status {
	float:left;
	border: 1px solid #d8d8d8;
	padding: 0px;
	background-color: #fff;
	width: 280px;
	height: 100px;
	margin-left: 20px;
	margin-right: 5px;
}

.pm_status_head {
	border-bottom: 1px solid #d8d8d8;
	font-size: 0.9em; 
	background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
	height: 22px;
	padding: 0;
	font-weight: bold;
	text-align: center;
	color: #4e4e4e;
}

.pm_status_content {
	padding: 5px;
}
.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
}

Hydropericardium · July 5, 2017

2 минуты назад, muchachosll сказал:

может скинуть код? на html и css&

Скинул контакты в личку. НАпишите туда- посмотрю

Лучше удалите хтмл и цсс - модераторы наругают, а так разбираться никто не будет

muchachosll · July 5, 2017

как тут удалять? не могу найти

Sign In

Помогите исправить некорректное отображение

Recommended Posts

muchachosll 0

Share this post

Link to post

Share on other sites

Hydropericardium 11

Share this post

Link to post

Share on other sites

muchachosll 0

Share this post

Link to post

Share on other sites

Hydropericardium 11

Share this post

Link to post

Share on other sites

muchachosll 0

Share this post

Link to post

Share on other sites

muchachosll 0

Share this post

Link to post

Share on other sites

Hydropericardium 11

Share this post

Link to post

Share on other sites

muchachosll 0

Share this post

Link to post

Share on other sites

Join the conversation

Recently Browsing 0 members

Browse

Activity