Перейти к публикации
Heaven

Как исправить вид в П.Н.

Рекомендованные сообщения

Heaven

Как исправить вид в полной новости чтоб рамка была до конца картинки

 

 файл fulstory.tpl

<div class="full-news">
    
    <div class="full-info">
        <span class="full-author"><span id="selection_index21" class="selection_index"></span>Категория: {category} {favorites}</span>
        <span class="full-reiting">{rating}</span>
    </div>

    
    <h1><span id="selection_index2" class="selection_index"></span><span id="news-title">Название: {title}</span></h1>
    
   <div class="head-fullstory">
     <div class="image-fullstory">
        <div class="attachamentdw">
     <img class="head-fullstoryb" src="{image-1}" />
  <div class="head-fullstoryb1">[xfvalue_torrent]</div>
      </div>
  </div>
    {full-story}
   </div>
    <div style="clear: both;"></div>
   

 

CSS

/* Полная новость */


.head-fullstory{
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 10px 10px 50px 10px;

}

.image-fullstory img{
      text-align:left;
        width: 240px;
        max-height:370px;
    
}
.head-fullstoryb{
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 1px 8px 1px 5px;

}

.head-fullstoryb1{
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 1px 1px 1px 43px;
    text-align:center;


}

/*********************************/

.attachamentdw {float: left;  }

        
.full-news {
    
}    

    .full-news h1 {
        font-size: 18px;
        color: #1970a2;
        line-height: 27px;
        margin: 0 0 10px 0;
        padding: 15px 0 10px 0px;
        font-weight: normal;
        text-align: center;
    }
    
    .full-news-content {
        color: #505d65;
        line-height: 18px;
        font-size: 12px;
    }
    
        .full-news-content img {
            margin: 10px 0;
            max-width: 670px;
        }
        
        .full-news-content a {
            color: #000;
            font-weight: bold;
        }
        
            .full-news-content a:hover {
                text-decoration: underline;
            }
            
    .full-info{
        background: #eeeeee;
        height: 35px;
        line-height: 35px;
        padding: 0 10px;
        margin: 0 0 25px 0;
    }
        
        .full-author{
            font-size: 12px;
            color: #505d65;
        }
            
            .full-author a{
                color: #505d65;
            }
                
                .full-author a:hover{
                    text-decoration: underline;
                }
        
        .full-reiting{
            float: right;
            padding: 5px 0 0 0;
        }
        
                 .full-functions{
                        float: right;
            font-size: 12px;
            color: #505d65;
           }

    
    .full-comments{
        background: url(../images/full-comments.png) left 0px no-repeat;
        font-size: 11px;
        color: #1970a2;
        text-transform: uppercase;
        padding: 0 0 5px 20px;
        margin: 0 0 20px 0;
        font-weight: bold;
    }        
    
    
    

 

 

 

 

 

post-2505-0-49842200-1388833950_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
proFox

После закрывающегося тега с классом attachamentdw добавь:

 

<div style="clear:both;"></div> 
Изменено пользователем proFox

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Heaven

да но тогда текст уходит под attachament

 

image.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
xXapokalypsesXx

@Heaven, тогда попробуй добавить в head-fullstory свойство:

overflow: hidden;

Только не забудь убрать:

<div style="clear:both;"></div> 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Heaven

огромное спасибо заработала  :D

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×
×
  • Создать...