Вот сделал перемещения дива по таблице, но проблема в том что не могу понять как сделать так чтобы в ячейку таблице можно было добавить только один элемент (див)??
<script type="text/javascript" src="header.js"></script>
<script type="text/javascript" src="redips-drag-min.js"></script>
<script type="text/javascript" src="script.js"></script>
<center>
<!-- tables inside this DIV could contain drag-able content -->
<div id="drag">
<table>
<colgroup>
<col width="15"/>
<col width="15"/>
<col width="15"/>
</colgroup>
<tbody>
<tr>
<td></td>
<td class="cdark">
<div id="d3_3" class="drag" style="background-image:url(images/book.jpg); background-repeat:no-repeat; height:79px; width:15px;"></div>
</td>
<td class="cdark">
<div id="d1_1" class="drag" style="background-image:url(images/book.jpg); background-repeat:no-repeat; height:79px; width:15px;"></div>
</td>
<td class="cdark">
<div id="d1_2" class="drag" style="background-image:url(images/book.jpg); background-repeat:no-repeat; height:79px; width:15px;"></div>
</td>
</td>
</tr>
</tbody>
</table>
</div>
</center>