Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Оформление короткой новости

Оформление короткой новости


     13.10.2014    Стили (CSS)    949

вопрос
Здравствуйте помогите пожалуйста, вот хочу реализовать такое, в короткой новости где иконка комментарии выводится их количество, так вот как правильно задать стиль этому количеству, то есть должно так

Оформление короткой новости

А получается

Оформление короткой новости

Делается это в shortstory, то есть задать положение самого фона не работает, то есть происходит смещение как фона так и цифр вместе


        <div class="news-info">
    <div class="lcol">
        <ul>
          <li class="edit"><b>Добавил:</b> {author}</li>
          <li class="date"><b>Дата:</b> {date}</li>
          <li class="reads"><b>Просмотры:</b> {views}</li>
        <i class="fa fa-leaf"><li class="comm"></i>{comments-num}</li>
        
    </ul>
    </div>
        </div>


И так


<div class="news-info">
    <div class="lcol">
        <ul>
          <li class="edit"><b>Добавил:</b> {author}</li>
          <li class="date"><b>Дата:</b> {date}</li>
          <li class="reads"><b>Просмотры:</b> {views}</li>
        <li class="comm"><div class="commstats"> {comments-num} </div></li>
        


        </ul>
    </div>
        </div>


Помогите заранее спасибо

Ответа пока нет


Комментарии пользователей (3)

ufh2
175 | 3

ufh2 - 13 октября 2014 14:26 - Юзер

Может кто глянет?

skinny
58 | 37

skinny - 13 октября 2014 18:30 - Юзер

сайт может дадите?

Kenas
22

Kenas - 13 октября 2014 18:36 - Юзер

В CSS задайте margin для comm или commstats.
Пример:
.commstats {
margin: 10px 10px 10px 10px; /* Отступы вокруг, где 10px - ваш отступ */
float: right; /* "прилепление" к правому краю */
}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы