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?

code: http://plnkr.co/edit/psdru38mi8z186m8ynmn

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

Popular posts from this blog

c++ - Function signature as a function template parameter -

algorithm - What are some ways to combine a number of (potentially incompatible) sorted sub-sets of a total set into a (partial) ordering of the total set? -

How to call a javascript function after the page loads with a chrome extension? -