Тема: Проблема с рейтингом DLE
Доброе утро!
Убрал рейтинг от сандера и поставил обычный, однако в обычном не все так хорошо как хотелось бы. После голосования выводятся не 5ть,а 6ть или более звезд. Сколько звезд поставишь, настолько этот рейтинг и увеличивается.
<ul itemprop="rating" itemscope="" itemtype="http://data-vocabulary.org/Rating" class="unit-rating">
<li itemprop="average" class="current-rating" style="width:102px;">6</li>
<li><a href="#" title="Плохо" class="r1-unit" onclick="doRate('1', '542'); return false;">1</a></li>
<li><a href="#" title="Приемлемо" class="r2-unit" onclick="doRate('2', '542'); return false;">2</a></li>
<li><a href="#" title="Средне" class="r3-unit" onclick="doRate('3', '542'); return false;">3</a></li>
<li><a href="#" title="Хорошо" class="r4-unit" onclick="doRate('4', '542'); return false;">4</a></li>
<li itemprop="best"><a href="#" title="Отлично" class="r5-unit" onclick="doRate('5', '542'); return false;">5</a></li>
</ul>
Вот CSS:
.rating {
width: 85px;
height: 17px;
font-size: 0.9em;
padding-top: 15px;
}.unit-rating {
list-style: none;
margin: 0;
padding: 0;
width: 85px;
height: 17px;
position: relative;
background: url("../dleimages/rating.png") repeat-x;
}.unit-rating li {
text-indent: -90000px;
padding: 0;
margin: 0;
float: left;
}.unit-rating li a {
display: block;
width: 17px;
height: 17px;
text-decoration: none;
text-indent: -9000px;
z-index: 17;
position: absolute;
padding: 0;
}.unit-rating li a:hover {
background: url("../dleimages/rating.png") 0 -17px;
z-index: 2;
left: 0;
}.unit-rating a.r1-unit {
left: 0;
}.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("../dleimages/rating.png") 0 -34px;
position: absolute;
height: 17px;
display: block;
text-indent: -9000px;
z-index: 1;
}
Подскажите как поправить пожалуйста