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

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -