Jump to content

muchachosll

Новичок
  • Content Count

    21
  • Joined

  • Last visited

Posts posted by muchachosll

  1. 2 минуты назад, YahooЕЮ сказал:

    Формулировать нужно правитьно свой вопрос, это первое, а второе если можете сами сделать... так делайте, кто вам мешает. Вы же вебмаетер!!!

     

    я спрашиваю тех кто знает, а не тех кто только хочет показать, что типо может

  2. 1 минуту назад, YahooЕЮ сказал:

    Формулировать нужно правитьно свой вопрос, это первое, а второе если можете сами сделать... так делайте, кто вам мешает. Вы же вебмаетер!!!

     

    ну в вы если не можете, то не нужно вообще писать! 

  3. {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;
    }

     

  4. Помогите разобраться с тегом div. Нужно сверстать вот такой тип шаблона:

    https://www.cy-pr.com/bitrix/components/bitrix/forum.interface/show_file.php?fid=88431&width=500&height=500

    Пока только вот так

    https://www.cy-pr.com/bitrix/components/bitrix/forum.interface/show_file.php?fid=88432&width=500&height=500

    Код

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
       <head>
          <link href="css/style.css" type="text/css" rel="stylesheet">
          <title>Тестируем блочные верстки</title>
       </head>
       <body>
       
             <div id="header"></div>
             <div id="left-1"></div>
             <div id="left-2"></div>
             <div id="right">   </div>
             <div id="center"></div>
             <div class="clear"></div>
             <div id="space"></div><!-- распорка -->
             <div id="footer" align="center"></div>
    </body>
    </html>
    html, body {border: 5px solid #000000;}
    body {margin: 0 10%; height:auto !importand; height: 100%;}
    #header {height:100px; border: 2px solid #0000FF; margin: 5px 5px 0px 5px;}
    #center {margin:5px auto; width:65%; border: 2px solid #4B0082; padding: 10px 10px; text-align: justify;}
    #left-1 {float:left; width:15%; border: 2px solid #4B0082; padding: 10px 10px; text-align: justify; margin-top: 5px; height:auto;}
    #left-2 {float:left; width:15%; border: 2px solid #4B0082; padding: 10px 10px; text-align: justify; margin: 5px; height:auto;}
    #right {float:right; width:15%; border: 2px solid #4B0082; padding: 10px 10px; text-align: justify; margin-top: 5px;}
    #footer {height:30px; margin-top:-100px; border: 2px solid #0000FF; margin-top: 0 0; text-align: center; background-color: #ADD8E6;} /* добавляем отступ */
    #footer p {margin: 3px auto 0 auto;}
    #space {height: 100px;}
    .clear {clear: both;} 

     

×
×
  • Create New...