Web-Codes

Для каталога сайтов:



Ну наконец-то выложили и для каталога сайтов )
Скажите пожалуйста, вопрос наверное персонально для Ванофутуре, как зделать рейтинговые звездочки что бы они оставались при голосовании... Как у тебя на Хонлайн.нет.ру...
В долгу не останусь )

viewtopic.php?p=2711#p2711

Неработает так все время искажение, немогу понять в чем проблема, помогите пожалуйста...

Вот чать кода с измененым мной скриптом:
....
<td class="forumLastPostTd" align="center">
$RATED$ Голосов
<div class="rating" style="float: center;">
<ul class="unit-rating">
<li id="cur-rat$ENTRY_ID$" class="current-rating" style="width: 0px;"></li>
<li><a href="#" title="Плохо" class="r1-unit" onclick="uz.util.Connect.asyncRequest('GET','/dir/0-1-1-$ID$-3',callback);">1</a></li>
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="uz.util.Connect.asyncRequest('GET','/dir/0-1-2-$ID$-3',callback);">2</a></li>
<li><a href="#" title="Средне" class="r3-unit" onclick="uz.util.Connect.asyncRequest('GET','/dir/0-1-2-$ID$-3',callback);">3</a></li>
<li><a href="#" title="Хорошо" class="r4-unit" onclick="uz.util.Connect.asyncRequest('GET','/dir/0-1-4-$ID$-3',callback);">4</a></li>
<li><a href="#" title="Отлично" class="r5-unit" onclick="uz.util.Connect.asyncRequest('GET','/dir/0-1-5-$ID$-3',callback);">5</a></li>
</ul>
</div>
<script type="text/javascript">
document.getElementById('cur-rat$ENTRY_ID$').style.width=$RATING_NUM$*17; // by Vanofuture
</script>
</td>
....
Вот что получается:

Все засчитанные звездочки искажаются вверх... (
Что не так делаю!?

ищи в css какой класс отвечает за вывод желтых звезд.

и еще, это что такое?


для float допустимы параметры: left , right , none
кстати, может и в этом проблема. попробуй изменить на left

Заменил на "left", ничего не произошло...
Немог бы ты подсказать какой имено из класов отвечает за эти звезды!?

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


.rating {color: #666666; font-family: Tahoma, helvetica, sans-serif; font-size: 11px; width: 85px; height: 16px;}
.unit-rating{list-style:none; margin: 0px; padding:0px; width: 85px; height: 16px; position: relative; background: url('/rating.gif') top left 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: url('/rating.gif') 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: url('/rating.gif') left bottom; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1;}

Ребят и все же помогите исправить искажение пожалуйста.