Перейти к содержимому

Сервис обмена электронных валют

Партнерская программа Kredov

Вывод краткой новости

#11 ol1ver

ol1ver
    Topic Starter
  • Пользователь
  • 8 сообщений
  • Репутация: 0
0

Отправлено 24 Декабрь 2014 - 16:38

Ostnod, не помогло 

shortstory.tpl 

    <style>
   .radius {
    background: #fFFfFF; /* Цвет фона */
    border: 1px solid black; /* Параметры рамки */
   }
  </style>
  <div style="border-radius: 5px 5px 5px 5px;" class="radius">


						  <div class="title_news">{title}</div>
                            <div class="time_news">{date}</div>
                            <div class="shorty">{short-story}</div>
 <div class="part_of_comments"></div>     
 
                        <div class="more_line">
                            <div class="share_news">
 поделиться:

                                   <div class="small_fb"></div>
                                  <div class="small_vk"></div>
                         <div class="small_tw"></div>
<div class="comments_news">
                                <div class="c_hov">
                                    <div class="count_comments">
                                        <span>0</span>
                                        <div class="part_of_comments"></div>                            
                                    </div>        
                                    <span class="comments_text">Комментарии</span>
                                </div>
                              
                                    <div id="more_btn">+ Читать полностью</div>
                              
                            </div>
  </div>  
  </div> </div>


  • 0

#12 ol1ver

ol1ver
    Topic Starter
  • Пользователь
  • 8 сообщений
  • Репутация: 0

Отправлено 24 Декабрь 2014 - 16:58

Данная проблема возникает только на новостях с изображением, а еще зависит от количества строк, проблема в том, что блок комментариев полной новости и линков соц. сетей. плавающий, как закрепить его внизу?: 


Сообщение отредактировал ol1ver: 24 Декабрь 2014 - 17:02

  • 0

#13 matroskin8

matroskin8
  • Пользователь PRO
  • 767 сообщений
  • Репутация: 143

Отправлено 24 Декабрь 2014 - 17:10

сбиваются "комментарии" и "подробнее" вниз. как сделать их возле "поделится.

Честно говоря, там ужасная каша в верстке... например, что внутри верстки делают теги style?

Для того, чтобы разместить указанные элементы возле блока социальных иконок, достаточно этому блоку задать обтекание. Для этого к правилам для классов .share_news, .blog_share_news  добавляем правило:

.share_news, .blog_share_news {
    border-top: 1px solid #d7d7d7;
    color: #a4a4a4;
    display: inline-block;
    font-family: CSM;
    font-size: 12px;
    height: 30px;
    padding-left: 14px;
    padding-top: 11px;
    vertical-align: top;
    width: 170px;
    float: left; /* добавляем обтекание */
}

Ну и чтобы картинки не выезжали за рамки контента, можно добавить правило для нового элемента:

.shorty {
    overflow: hidden;
}

Вообще, я бы советовал уделить немного времени изучению HTML/CSS... без этого текущая работа - бессмысленна и вряд ли дойдет до желаемого финала.


  • 0


#14 ol1ver

ol1ver
    Topic Starter
  • Пользователь
  • 8 сообщений
  • Репутация: 0

Отправлено 24 Декабрь 2014 - 17:34

все разобрался, всем спасибо


  • 0


Оформление форума – IPBSkins.ru