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

Отображение рейтинга


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

При попытке сделать в полной новости вывод рейтинга так:

Рейтинг: * * * * * (Рейтинг: {rating})

выводится так:

Рейтинг:

* * * * *

(Рейтинг:

{rating})

пока сделал таблицей, но это не вариант.

Либо можно ли как-то просто увеличить размер звезд?

сайт

Изменено пользователем stas9238
Ссылка на сообщение
Поделиться на других сайтах

пока сделал таблицей, но это не вариант.
конечно не вариант, float:left; тебе поможет.

на отображение здесь это не повлияет?

пока сделал таблицей, но это не вариант.
конечно не вариант, float:left; тебе поможет.

И разве тут не так?

/* ==================== Рейтинг статьи */

.rating {

color: #757575;

font-size: 11px;  /* ! */

font-family: tahoma; /* ! */

width: 85px;

height: 16px;

}

.unit-rating {

list-style: none;

margin: 0px;

padding: 0px;

width: 85px;

height: 16px;

position: relative;

background-image: url(../dleimages/rating.png);

background-position: top left;

background-repeat: repeat-x;

}

.unit-rating li {

text-indent: -90000px;

padding: 0px;

margin: 0px;

float: left;

}

.unit-rating li a {

display: block;

width: 17px;

height: 16px;

text-decoration: none;

text-indent: -9000px;

z-index: 17;

position: absolute;

padding: 0px;

}

.unit-rating li a:hover {

background-image: url(../dleimages/rating.png);

background-position: left center;

z-index: 2;

left: 0px;

}

.unit-rating a.r1-unit { left: 0px; }

.unit-rating a.r1-unit:hover { width: 17px; }

.unit-rating a.r2-unit { left: 17px; }

.unit-rating a.r2-unit:hover { width: 34px; }

.unit-rating a.r3-unit { left: 34px; }

.unit-rating a.r3-unit:hover { width: 51px; }

.unit-rating a.r4-unit { left: 51px; }

.unit-rating a.r4-unit:hover { width: 68px; }

.unit-rating a.r5-unit { left: 68px; }

.unit-rating a.r5-unit:hover { width: 85px; }

.unit-rating li.current-rating {

background-image: url(../dleimages/rating.png);

background-position: left bottom;

position: absolute;

height: 16px;

display: block;

text-indent: -9000px;

z-index: 1;

}

Ссылка на сообщение
Поделиться на других сайтах
на отображение здесь это не повлияет?
я же тебе не говорю для <ul> в котором рейтинг ставить float, заключи его в div и пропиши float, для слова рейтинг тоже самое, а чтобы ни чего не поплыло вот: http://htmlbook.ru/css/clear
Ссылка на сообщение
Поделиться на других сайтах

на отображение здесь это не повлияет?
я же тебе не говорю для <ul> в котором рейтинг ставить float, заключи его в div и пропиши float, для слова рейтинг тоже самое, а чтобы ни чего не поплыло вот: http://htmlbook.ru/css/clear

не получается, все также под надписью вылазит, может что-то не так делаю...
Ссылка на сообщение
Поделиться на других сайтах

может что-то не так делаю...

<div class="fl-left">Рейтинг:</div><div class="fl-left">{rating}</div><div class="clear_fix"></div>
это в шаблон
.fl-left {float:left;margin:0 8px 0 0;}[/code]

это в .css

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

может что-то не так делаю...

<div class="fl-left">Рейтинг:</div><div class="fl-left">{rating}</div><div class="clear_fix"></div>
это в шаблон
.fl-left {float:left;margin:0 8px 0 0;}[/code]
 это в .css

тоже самое, звезды снизу!

может что-то не так делаю...
[code]<div class="fl-left">Рейтинг:</div><div class="fl-left">{rating}</div><div class="clear_fix"></div>[/code]
это в шаблон
[CODE].fl-left {float:left;margin:0 8px 0 0;}[/code]

это в .css

Господи, как все банально , нужно было просто </br> поставить после соц.кнопок. Спасибо за помощь :rolleyes:
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

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