( ′∀`)σ≡σ☆))Д′)レ(゚∀゚;)ヘ=З=З=Зε≡(ノ´_ゝ`)ノ
<style>
.demo-table {width: 100%;border-spacing: initial;margin: 20px 0px;word-break: break-word;table-layout: auto;line-height:1.8em;color:#333;}
.demo-table th {background: #999;padding: 5px;text-align: left;color:#FFF;}
.demo-table td {border-bottom: #f0f0f0 1px solid;background-color: #ffffff;padding: 5px;}
.demo-table td div.feed_title{text-decoration: none;color:#00d4ff;font-weight:bold;}
.feed_title2{text-decoration: none;color:#666; }
.demo-table ul{margin:0;padding:0;}
.demo-table li{cursor:pointer;list-style-type: none;display: inline-block;color: #F0F0F0;text-shadow: 0 0 1px #666666;font-size:20px;}
.demo-table .highlight, .demo-table .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;}
</style>
<br />
<blockquote>
<p>Overall <strong>Rating</strong> <?php echo $overall ?></p>
</blockquote>
<table class="demo-table">
<tbody>
<tr>
<td valign="top">
<div class="feed_title">Originality</div>
<div id="tutorial-1">
<input type="hidden" name="rating" id="rating" value="<?php echo $result[0]["originality"]; ?>" />
<ul onMouseOut="resetRating(1);">
<?php
for($i=1;$i<=5;$i++) {
$selected = "";
if(!empty($result[0]["originality"]) && $i<=$result[0]["originality"]) {
$selected = "selected";
}
?>
<li class='<?php echo $selected; ?>'>★</li>
<?php } ?>
<ul>
</div>
<div>Original?</div>
</td>
<td valign="top">
<div class="feed_title">Quality</div>
<div id="tutorial-2">
<input type="hidden" name="rating" id="rating" value="<?php echo $result[0]["quality"]; ?>" />
<ul onMouseOut="resetRating(2);">
<?php
for($i=1;$i<=5;$i++) {
$selected = "";
if(!empty($result[0]["quality"]) && $i<=$result[0]["quality"]) {
$selected = "selected";
}
?>
<li class='<?php echo $selected; ?>' >★</li>
<?php } ?>
<ul>
</div>
<div>How is the quality?</div>
</td>
<td valign="top">
<div class="feed_title">Sound</div>
<div id="tutorial-3">
<input type="hidden" name="rating" id="rating" value="<?php echo $result[0]["sound"]; ?>" />
<ul onMouseOut="resetRating(3);">
<?php
for($i=1;$i<=5;$i++) {
$selected = "";
if(!empty($result[0]["sound"]) && $i<=$result[0]["sound"]) {
$selected = "selected";
}
?>
<li class='<?php echo $selected; ?>'>★</li>
<?php } ?>
<ul>
</div>
<div>Is the sound good?</div>
</td><td valign="top">
<div class="feed_title">Creativity</div>
<div id="tutorial-4">
<input type="hidden" name="rating" id="rating" value="<?php echo $result[0]["creativity"]; ?>" />
<ul onMouseOut="resetRating(4);">
<?php
for($i=1;$i<=5;$i++) {
$selected = "";
if(!empty($result[0]["creativity"]) && $i<=$result[0]["creativity"]) {
$selected = "selected";
}
?>
<li class='<?php echo $selected; ?>' >★</li>
<?php } ?>
<ul>
</div>
<div>How creative is this?</div>
</td>
</tr>
</tbody>
</table>