html - CSS: table column shifts as icon toggles visibility on hover -


here plunker - http://plnkr.co/edit/iwvjjcuuruw2avkdarfz?p=preview

the problem when hover on each row, column shifts left, not desirable.

i want icons appear , disappear on mouse hover table columns don't shift positions

how can achieve that?

thank you

just fix css:-

tr i.icon-minus-sign {visibility: hidden;} tr:hover i.icon-minus-sign {visibility: visible;} 

issue have column without element since display:none hence other cells expand taking space. when hover on element occupies space , shrunk td's expand. avoid best thing use visibility takes element space if hidden unlike display property


Comments

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

Pull out data related to my apps from Android Play Store and iOS App Store -

How can I fetch data from a web server in an android application? -