title: Actual implementation of 5-star rating system
body: <p>I want to implement a 5-star rating system into my web page. I'm totally new to using php, but I've got the system set up and working. I am able to create as many rating boxes as I want and have them working, but my question is.. </p>
  
  <p>How do I place the rating stars near my images? In this case, I want 10 different images to be rated. The code I use on my "page.php":</p>
  
  <p>Array:</p>
  
  <pre><code>&lt;?php
  include("settings.php");
  connect();
  $ids=array(1,2,3,4,5,6,7,8,9,10);
  ?&gt;
  
  &lt;html&gt;
  </code></pre>
  
  <p>Body:</p>
  
  <pre><code> &lt;?php
      for($i=0;$i&lt;count($ids);$i++)
          {
              $rating_tableName     = 'ratings';
           $id=$ids[$i];
       $q="SELECT total_votes, total_value FROM $rating_tableName WHERE id=$id";
      $r=mysql_query($q);
      if(!$r) echo mysql_error();
      while($row=mysql_fetch_array($r))
      {
          $v=$row['total_votes'];
          $tv=$row['total_value'];
          $rat=$tv/$v;
  
          }
  
  
  
          $j=$i+1;
          $id=$ids[$i];
      echo'&lt;div class="product"&gt;
                 Rate Item '.$j.'
                  &lt;div id="rating_'.$id.'" class="ratings"&gt;';
                      for($k=1;$k&lt;6;$k++){
                          if($rat+0.5&gt;$k)$class="star_".$k."  ratings_stars ratings_vote";
                          else $class="star_".$k." ratings_stars ratings_blank";
                          echo '&lt;div class="'.$class.'"&gt;&lt;/div&gt;';
                          }
                      echo' &lt;div class="total_votes"&gt;&lt;p class="voted"&gt; Rating: &lt;strong&gt;'.@number_format($rat).'&lt;/strong&gt;/5 ('.$v. '  vote(s) cast) 
                  &lt;/div&gt;
              &lt;/div&gt;&lt;/div&gt;';}
      ?&gt; 
  </code></pre>