вопрос
использую стандартный вид рейтинга но почему то он криво отображается
сам код css
сам код css
<!--Рейтинг--->
.actors_rating {
color: #666666;
font-family: Tahoma, helvetica, sans-serif;
font-size: 11px;
width: 85px;
height: 16px;
}
.unit-actors_rating{
list-style:none;
margin: 0px;
padding:0px;
width: 85px;
height: 16px;
position: relative;
background: url('../dleimages/actors_rating.gif') top left repeat-x;
}
.unit-actors_rating li{
text-indent: -90000px;
padding:0px;
margin:0px;
float: left;
}
.unit-actors_rating li a{
display:block;
width:17px;
height: 16px;
text-decoration: none;
text-indent: -9000px;
z-index: 17;
position: absolute;
padding: 0px;
}
.unit-actors_rating li a:hover{
background: url('../dleimages/actors_rating.gif') left center;
z-index: 2;
left: 0px;
}
.unit-actors_rating a.r1-unit{left: 0px;}
.unit-actors_rating a.r1-unit:hover{width:17px;}
.unit-actors_rating a.r2-unit{left:17px;}
.unit-actors_rating a.r2-unit:hover{width: 34px;}
.unit-actors_rating a.r3-unit{left: 34px;}
.unit-actors_rating a.r3-unit:hover{width: 51px;}
.unit-actors_rating a.r4-unit{left: 51px;}
.unit-actors_rating a.r4-unit:hover{width: 68px;}
.unit-actors_rating a.r5-unit{left: 68px;}
.unit-actors_rating a.r5-unit:hover{width: 85px;}
.unit-actors_rating li.current-actors_rating{
background: url('../dleimages/actors_rating.gif') left bottom;
position: absolute;
height: 16px;
display: block;
text-indent: -9000px;
z-index: 1;
}
<!--Рейтинг--->