Javascript rating - result to same line -
how can result 1-5 in same line, while hovering on circles?
please see http://jsfiddle.net/3xlnxahq/
<div id="wrapper"> <div id="content"> <ul id="rating"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> </div> </div>
you defined clear:left in ratinginfo div. means no other floating elements can left of it, , it's appearing sort of new line. replace float left declaration.
also p tag adding paragraph space disrupts float left declaration. change p tag div tag.
working fiddle http://jsfiddle.net/3l9rhqt0/
new css:
#ratinginfo {float:left; width:50px; margin-left:0px; }
the new js:
// add text rating info box $("<div />") .html($(this).html()) .appendto(ratinginfobox);
Comments
Post a Comment