CODEWITHSUNDEEP
javascriptjqueryhtmlcssjquery-ui
user3868832
user3868832

Reputation: 618

jquery ui bounce effect causing elements to fall out of place

I want to create a bounce effect but when I hover the mouse over the area the elements fall out of place. How do I ensure they stay in a line?

I have three icons in a row like this 

  %span
    =link_to image_tag("icons/github_alt.svg", class: '')
  %span
    =link_to image_tag("icons/last.fm.svg", class: '')
  %span  
    =link_to image_tag("icons/soundcloud.svg", class: '')

http://jsfiddle.net/tkn02tut/

Thanks

Upvotes: 0

Views: 89

Answers (1)

Alessandro Marchisio
Alessandro Marchisio

Reputation: 545

try with 

span.social_icon {display:block; float:left; margin: 5px;}

http://jsfiddle.net/alemarch/tkn02tut/1/

is this?

Upvotes: 1

Related Questions