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

[stas9238 0]

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

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

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

Рейтинг:

* * * * *

(Рейтинг:

{rating})

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

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

сайт

Изменено 26 сентября 2014 пользователем stas9238

[odys 384]

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

конечно не вариант, float:left; тебе поможет.

[stas9238 0]

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

конечно не вариант, 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;

}

[odys 384]

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

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

[stas9238 0]

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

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

не получается, все также под надписью вылазит, может что-то не так делаю...

[odys 384]

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

<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

[stas9238 0]

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

<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> поставить после соц.кнопок. Спасибо за помощь

[Captain 619]

<br />

а не

</br>[/code]