nevermind.  i needed to put in an overflow: hidden statement.  for the
record the code below worked, where resizable.css is
flora.resizable.css plus the first line of flora.css.  also, i am only
resizing the south direction.

$(document).ready(function(){
  $("#example").resizable();
});

<link rel="stylesheet" href="<?php echo $path; ?>/styles/
resizable.css" type="text/css" media="screen">
<script  src="<?php echo $path; ?>/javascript/ui/ui.mouse.js"></
script>
<script  src="<?php echo $path; ?>/javascript/ui/ui.resizable.js"></
script>

<div style='overflow: hidden; width: 550px; height: 100px;'
id='example' class="ui-wrapper example">
<table>
<tr>
<td>Organization</td>
<td>First Name</td>
</tr>
</table>
<div class='ui-resizable-s ui-resizable-handle'></div>
</div>


<

On Nov 28, 12:16 am, Tim <[EMAIL PROTECTED]> wrote:
> i would like to make a table resizable.  i thought that i could
> achieve this with jquery ui.  so far, i'm not doing so well.  examples
> show a div, textarea, and image.  i thought that i could put the table
> inside the div, but that didn't work.  any ideas?  thanks.

Reply via email to