| |
|
|
| | подскажите пожалуйста, как поднять надпись:
http://s43.radikal.ru/i099/1008/6c/72c9f45fc51f.jpg
вот HTML код отвеч. за вывод, т.е. в браузере показывает так исходный код:
<div class="ratingblock"><div id="unit_long47"> <ul id="unit_ul47" class="unit-rating" style="width:90px;"> <li class="current-rating" style="width:48.06px;">Currently 2.67/5</li> </ul> Рейтинг: <strong> 2.7</strong></div></div>
|
а в файле так:
} else {
$rater ='';
$rater.='<div class="ratingblock">';
$rater.='<div id="unit_long'.$id.'">';
$rater.=' <ul id="unit_ul'.$id.'" class="unit-rating" style="width:'.$rating_unitwidth*$units.'px;">';
$rater.=' <li class="current-rating" style="width:'.$rating_width.'px;">Currently '.$rating2.'/'.$units.'</li>';
for ($ncount = 1; $ncount <= $units; $ncount++) {
if(!$voted) {
$rater.='<li><a href="db.php?j='.$ncount.'&q='.$id.'&t='.$ip.'&c='.$units.'" title="'.$ncount.' out of '.$units.'" class="r'.$ncount.'-unit rater" rel="nofollow">'.$ncount.'</a></li>';
}
}
$ncount=0;
$rater.=' </ul>';
$rater.=' <p';
if($voted){ $rater.=' class="voted"'; }
$rater.='>Рейтинг: <strong> '.$rating1.'</strong> (Всего '.$count.' голоса)';
$rater.=' </p>';
$rater.='</div>';
$rater.='</div>';
return $rater;
}
}
|
и CSS стили
.loading {
height: 30px;
background: url('../images/working.gif') 50% 50% no-repeat;
}
.unit-rating { /* the UL */
list-style:none;
margin: 0px;
padding:0px;
height: 16px;
position: relative;
background: url('../images/starrating.gif') top left repeat-x;
}
.unit-rating li{
text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.unit-rating li a {
outline: none;
display:block;
width:18px;
height: 16px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.unit-rating li a:hover{
background: url('../images/starrating.gif') left center;
z-index: 2;
left: 0px;
}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:18px;}
.unit-rating a.r2-unit{left:18px;}
.unit-rating a.r2-unit:hover{width: 36px;}
.unit-rating a.r3-unit{left: 36px;}
.unit-rating a.r3-unit:hover{width: 54px;}
.unit-rating a.r4-unit{left: 54px;}
.unit-rating a.r4-unit:hover{width: 72px;}
.unit-rating a.r5-unit{left: 72px;}
.unit-rating a.r5-unit:hover{width: 90px;}
.unit-rating a.r6-unit{left: 90px;}
.unit-rating a.r6-unit:hover{width: 108px;}
.unit-rating a.r7-unit{left: 108px;}
.unit-rating a.r7-unit:hover{width: 126px;}
.unit-rating a.r8-unit{left: 126px;}
.unit-rating a.r8-unit:hover{width: 144px;}
.unit-rating a.r9-unit{left: 144px;}
.unit-rating a.r9-unit:hover{width: 162px;}
.unit-rating a.r10-unit{left: 162px;}
.unit-rating a.r10-unit:hover{width: 180px;}
.unit-rating li.current-rating {
background: url('../images/starrating.gif') left bottom;
position: absolute;
height: 16px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.voted {color:#424242; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.r { float:left;}
|
| |
| |
|
|
| |
|
|
| |
для: uvajs
(31.08.2010 в 21:29)
| | | PHP тут вообще-то не при чём. Браузеру чихать на то, кто сформировал код. Уберите лишние блоки, объедините звёздочки и рейтинг в один контейнер с фиксированной шириной и просто задайте блоку со звёздочками свойство
| |
| |
|
|
| |
|
|
| |
для: bishake
(01.09.2010 в 00:10)
| | | >PHP тут вообще-то не при чём. Браузеру чихать на то, кто сформировал код. Уберите лишние блоки, объедините звёздочки и рейтинг в один контейнер с фиксированной шириной и просто задайте блоку со звёздочками свойство
Скажите пожалуйста, какие лишние, т.е. блоки? у меня никак не получается... | |
| |
|
|
| |
|
|
| |
для: uvajs
(01.09.2010 в 00:30)
| | |
<div id='rateblock' style='width: 200px'>
<div id='mark' style='width: 75px; float: left;'>Звёздочки</div>
<div id='rating'>Рейтинг</div>
</div>
|
| |
| |
|
|
