нарисовал рейтинг:
переделал стили под него:
.rating {
color: #757575;
font-size: 11px; /* ! */
font-family: tahoma; /* ! */
width: 115px;
height: 22px;
}
.unit-rating {
list-style: none;
margin: 0px;
padding: 0px;
width: 115px;
height: 22px;
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;
list-style-type: none;
}
.unit-rating li a {
display: block;
width: 23px;
height: 22px;
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: 23px; }
.unit-rating a.r2-unit { left: 23px; }
.unit-rating a.r2-unit:hover { width: 46px; }
.unit-rating a.r3-unit { left: 46px; }
.unit-rating a.r3-unit:hover { width: 69px; }
.unit-rating a.r4-unit { left: 69px; }
.unit-rating a.r4-unit:hover { width: 92px; }
.unit-rating a.r5-unit { left: 92px; }
.unit-rating a.r5-unit:hover { width: 115px; }
.unit-rating li.current-rating {
background-image: url(../dleimages/rating.png);
background-position: left bottom;
position: absolute;
height: 22px;
display: block;
text-indent: -9000px;
z-index: 1;
}
проголосовал на 5, вылезло вот это:
если обновить страницу показываются все 5 звездочек нормально. и так со всеми. может в стилях что не правильно написал или в functions.php что-то подправить надо
?
Источник:
dle-faq.pro, DLE