Rating System on Html Pages

by DarkDemon May 28th 2012, 7:31 am

Greetings, I am trying to make a rating system on the HTML Pages Management (custom page) and I am trying to figure out how to find some code for a generic rating star system. I found this page, but I try putting the CSS and the HTML links that he gives but it just shows up on the actual page? Am I missing anything? or am I just over thinking it? lol http://joseairosa.com/2009/07/24/easy-css-star-rating-layout/

CSS - code

Code:: .classification { position: relative; width: 91px; height: 17px; } .classification .cover { position: absolute; background: transparent url(img/stars.png) top left no-repeat; top: 0px; left: 0px; width: 91px; height: 17px; z-index: 101; } .classification .progress { position: absolute; background: transparent url(img/stars_full.png) top left no-repeat; top: 0px; left: 0px; height: 17px; z-index: 102; }

HTML

Code:: <div class="classification"><div class="cover"></div><div class="progress" style="width: 27%;"></div></div>

Is there anything else I need to add in there to make it work? I figured I would put the CSS at the top in a <head> </head> and then the HTML where I wanted it to appear?

Edit: After Searching for awhile into some archived forums I found my answer with this post https://help.forumotion.com/t34565-bulding-a-rating-for-all-post-in-your-site?highlight=rating+bar Thanks everyone.

by Sanket May 28th 2012, 1:18 pm

Topic Solved & Locked

Rating System on Html Pages

Rating System on Html Pages

Re: Rating System on Html Pages