CSS width height картинка

H

hellfire

Registered
някой може ли да ми оправи css-a
искам тази
star_rating.gif

да се вижда не с 300 px а с примерну 150 px
ето и css-a
Код: 
a { outline: none;}

	.unit-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 300px;
		height: 30px;
		position: relative;
		background: url('../images/star_rating.gif') top left repeat-x;		
	}
	
	.unit-rating li{
	    text-indent: -90000px;
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.unit-rating li a{
		display:block;
		width:30px;
		height: 30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.unit-rating li a:hover{
		background: url('../images/star_rating.gif') left center;
		z-index: 2;
		left: 0px;
	}
	.unit-rating a.r1-unit{left: 0px;}
	.unit-rating a.r1-unit:hover{width:30px;}
	.unit-rating a.r2-unit{left:30px;}
	.unit-rating a.r2-unit:hover{width: 60px;}
	.unit-rating a.r3-unit{left: 60px;}
	.unit-rating a.r3-unit:hover{width: 90px;}
	.unit-rating a.r4-unit{left: 90px;}	
	.unit-rating a.r4-unit:hover{width: 120px;}
	.unit-rating a.r5-unit{left: 120px;}
	.unit-rating a.r5-unit:hover{width: 150px;}
	.unit-rating a.r6-unit{left: 150px;}
	.unit-rating a.r6-unit:hover{width: 180px;}
	.unit-rating a.r7-unit{left: 180px;}
	.unit-rating a.r7-unit:hover{width: 210px;}
	.unit-rating a.r8-unit{left: 210px;}
	.unit-rating a.r8-unit:hover{width: 240px;}
	.unit-rating a.r9-unit{left: 240px;}
	.unit-rating a.r9-unit:hover{width: 270px;}
	.unit-rating a.r10-unit{left: 270px;}
	.unit-rating a.r10-unit:hover{width: 300px;}
	.unit-rating li.current-rating{
		background: url('../images/star_rating.gif') left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
ето и кода който я показва сори че ви го давам такъв
Код: 
<div style="width: 100%;" id="unit_long'.$id.'">
		<ul class="unit-rating">
		<li class="current-rating" style="width: '. (@number_format($current_rating/$count,2)*30) .'px;">Currently '. @number_format($current_rating/$count,2) .'/10</li>';
			for ($ncount = 1; $ncount <= 10; $ncount++) { 
			$rats .= '<li><a href="#" title="'. $ncount .' out of 10" class="r'. $ncount .'-unit" onclick="javascript:sndReq(\''. $ncount .'\',\''.$id.'\',\''.$ip.'\')">'.$ncount.'</a></li>';
			}
			$ncount=0;
		
		$pars .= '</ul>
		<p>Рейтинг: <strong> '.@number_format($current_rating/$count,1) .'</strong> от '. $count . $tense .'  
			 
		</div>
мерси предварително
 
Код: 
a { outline: none;}

   .unit-rating{
      list-style:none;
      margin: 0px;
      padding:0px;
      width: 150px;
      height: 15px;
      position: relative;
      background: url('../images/star_rating.gif') top left repeat-x;      
   }
   
   .unit-rating li{
       text-indent: -90000px;
      padding:0px;
      margin:0px;
      /*\*/
      float: left;
      /* */
   }
   .unit-rating li a{
      display:block;
      width:15px;
      height: 15px;
      text-decoration: none;
      text-indent: -9000px;
      z-index: 20;
      position: absolute;
      padding: 0px;
   }
   .unit-rating li a:hover{
      background: url('../images/star_rating.gif') left center;
      z-index: 2;
      left: 0px;
   }
   .unit-rating a.r1-unit{left: 0px;}
   .unit-rating a.r1-unit:hover{width:15px;}
   .unit-rating a.r2-unit{left:15px;}
   .unit-rating a.r2-unit:hover{width: 30px;}
   .unit-rating a.r3-unit{left: 30px;}
   .unit-rating a.r3-unit:hover{width: 45px;}
   .unit-rating a.r4-unit{left: 45px;}   
   .unit-rating a.r4-unit:hover{width: 60px;}
   .unit-rating a.r5-unit{left: 60px;}
   .unit-rating a.r5-unit:hover{width: 75px;}
   .unit-rating a.r6-unit{left: 75px;}
   .unit-rating a.r6-unit:hover{width: 90px;}
   .unit-rating a.r7-unit{left: 90px;}
   .unit-rating a.r7-unit:hover{width: 105px;}
   .unit-rating a.r8-unit{left: 105px;}
   .unit-rating a.r8-unit:hover{width: 120px;}
   .unit-rating a.r9-unit{left: 120px;}
   .unit-rating a.r9-unit:hover{width: 135px;}
   .unit-rating a.r10-unit{left: 135px;}
   .unit-rating a.r10-unit:hover{width: 150px;}
   .unit-rating li.current-rating{
      background: url('../images/star_rating.gif') left bottom;
      position: absolute;
      height: 15px;
      display: block;
      text-indent: -9000px;
      z-index: 1;
   }

:roll: Кажи дали е станало, ако трябва да го fix-на
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе