PHP Jquery Resize blocks hiding the DIV info -
the code in link below allows drag , resize little boxes. boxes have text in them text isn't showing because it's being covered something, believe resize boxes. i've tried no luck change settings , tinker can't find can figure out.
why info being covered up?
they being hidden jquery ui resize divs. jquery ui positions small divs @ corners of resizable div, , styles them small , margin-less. problem css rule:
#set div { background: none repeat scroll 0 0 black; color: white; float: left; height: 90px; margin: 0 10px 10px 0; padding: 0.5em; width: 90px; } this overriding default ui styles .ui-resizable-[x] because divs within #set block. basically, you're inadvertently resizing little corner-resize divs because rule applies divs in block id of set.
change rule to:
#set div.resizable { background: none repeat scroll 0 0 black; color: white; float: left; height: 90px; margin: 0 10px 10px 0; padding: 0.5em; width: 90px; } this apply margin,width, , height rules larger div you're setting resizable block, , not small divs jquery ui creating.
Comments
Post a Comment