inokentik 45 Опубликовано: 2 октября 2011 Рассказать Опубликовано: 2 октября 2011 Подскажите пожалуйста по вопросику, вот что то намудрил с рейтингом. решил поставить свой картинки уменьшенные... Но что то видимо не до конца доделал, вообщем отображение как то не правильно выводится. Например ставлю оценку 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; } Спасибо проблему решил))) Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.