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 div
s. jquery ui positions small div
s @ 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 div
s within #set
block. basically, you're inadvertently resizing little corner-resize div
s because rule applies div
s 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 div
s jquery ui creating.
Comments
Post a Comment