Skip to content

Instantly share code, notes, and snippets.

@chrisjdavis
Created March 22, 2013 22:48
Show Gist options
  • Save chrisjdavis/5225343 to your computer and use it in GitHub Desktop.
Save chrisjdavis/5225343 to your computer and use it in GitHub Desktop.
HTML structure for Imageless Rating Stars
<div id="stars">
<p>3.5 stars out of 5</p>
<div class="rating">
<i class="icon-rating bottom hide">z</i>
<i class="icon-rating top"><span class="amount hundred">z</span></i>
</div>
<div class="rating">
<i class="icon-rating bottom hide">z</i>
<i class="icon-rating top"><span class="amount hundred">z</span></i>
</div>
<div class="rating">
<i class="icon-rating bottom">z</i>
<i class="icon-rating top"><span class="amount fifty">z</span></i>
</div>
<div class="rating">
<i class="icon-rating bottom">z</i>
<i class="icon-rating top"><span class="amount zero">z</span></i>
</div>
<div class="rating">
<i class="icon-rating bottom">z</i>
<i class="icon-rating top"><span class="amount zero">z</span></i>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment