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.