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

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

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

Например ставлю оценку 3, а он выводит 3.5 звездочки, ставлю оценку 5, а он отображает их 6 штук! Не пойму где этот косяк исправить!??!

Вот зайдите на мобильную версию http://www.nokia-mobile.su/index.php?action_skin_change=yes&skin_name=smartphone и затем например в категорию программы...

Размер самой картинки со звездочками 14 на 38 пикселей, одна звездочка 14 на 12 пикселей, может где то с цифрами намудрил я? В стилях вот как прописанно


.rating {

color: #757575;

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

font-family: tahoma; /* ! */

width: 70px;

height: 12px;

}

.unit-rating {

list-style: none;

margin: 0px;

padding: 0px;

width: 70px;

height: 12px;

position: relative;

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

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: 14px;

height: 12px;

text-decoration: none;

text-indent: -9000px;

z-index: 17;

position: absolute;

padding: 0px;

}

.unit-rating li a:hover {

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

background-position: left center;

z-index: 2;

left: 0px;

}

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

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

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

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

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

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

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

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

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

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

.unit-rating li.current-rating {

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

background-position: left bottom;

position: absolute;

height: 12px;

display: block;

text-indent: -9000px;

z-index: 1;

}

Спасибо проблему решил)))

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

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

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

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

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

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

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

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

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

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