Forums / Cotonti / Support / Rating stars won't show

<<<12

Trustmaster
#16 2009-08-31 15:06
Those "other skins" might not be up2date. Sed-light is one to test first of all. If it doesn't show you ratings though it means something is wrong with JavaScript.
May the Source be with you!
Ross
#17 2009-09-01 05:29
# Trustmaster : Those "other skins" might not be up2date. Sed-light is one to test first of all. If it doesn't show you ratings though it means something is wrong with JavaScript.

Thank you, Trustmaster. What should I check with the javascript? Is it OK to use those found in the Cotonti package? I tried to re-upload them more than once... At the moment I disabled the ratings and I am working on the other parts of the skin. However, I'd like to fix the ratings up too...
Trustmaster
#18 2009-09-02 02:12
A link to a page with ratings would be very helpful, otherwise we can only guess.
May the Source be with you!
Ross
#19 2009-09-02 03:03
# Trustmaster : A link to a page with ratings would be very helpful, otherwise we can only guess.

Sure, for instance: http://www.rossellapruneti.com/page.php?id=1
Trustmaster
#20 2009-09-02 05:06
In firenze.css I found:
/* ============== Ratings CSS ============== */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating{cursor:pointer;margin:0;clear:none;display: inline;}
div.rating:after{content:'.';display:inline;height:0;width:0;clear:none;visibility:hidden;}
div.cancel,div.star{float:left;clear:none;width:17px;height:15px;text-indent:0;cursor:pointer;display:inline;background:transparent;}
div.cancel,div.cancel a{background:url('img/system/delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('img/system/star.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;clear:none;width:16px;height:100%;background-position:0 0px}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;}
/* END jQuery.Rating Plugin CSS */
Should be:
/* ============== Ratings CSS ============== */
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(img/system/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(img/system/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0;font-size:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
May the Source be with you!
Ross
#21 2009-09-02 05:19
YES!!!!!!!!!! Thank you! Why on earth did I find that CSS Code in my package? Anyway, thank you a lot! Now I can keep on skinning :)
Trustmaster
#22 2009-09-02 15:24
It's all about attention, I suppose.
May the Source be with you!
Ross
#23 2009-09-03 04:56
# Trustmaster : It's all about attention, I suppose.

You are right to scold me, but that rating piece of css style is really misterious to me. The names of classes and ids don't look related to the (x)html code. Maybe they are related to the javascript, but I don't know the javascript language so I didn't try to decode it and relate them.

Thank you a lot for your help.

<<<12