Ok, so now i have two tables dragable, but when i select table (content1) and drag, then go onto table two (content2) and drag it (the x- coverage of content1) from a point, "content1" moves instead of selecting "content2". May just be a fault in my code.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Template_003</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<STYLE type="text/css">
<!--
BODY {
background-repeat:repeat-x;
background-position:top center;
}
HTML {
OverFlow-y: Hidden;
OverFlow-x: Hidden;
}
-->
</STYLE>
<body bgcolor="74513b" background="images/bg.jpg">
<script type="text/javascript" src="wz_dragdrop.js"></script>
<div align="left" id="Content1" style="position:absolute; visibility: inherit;">
<table width="39%" border="0" cellspacing="0" cellpadding="0" name="Content Box">
<tr>
<td height="169"><table width="407" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/Template_003_01.png" width="404" height="11"></td>
</tr>
<tr>
<td width="43"><img src="images/Template_003_02.png" width="43" height="15"></td>
<td width="345" height="15" background="images/Template_003_03.png"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Text
Text Text Text Text Text</strong></font></div></td>
<td width="19"><img src="images/Template_003_04.png" width="16" height="15"></td>
</tr>
<tr>
<td colspan="3"><img src="images/Template_003_05.png" width="404" height="30"></td>
</tr>
</table>
<table width="407" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="13"><img src="images/Template_003_06.png" width="13" height="100%"></td>
<td width="375" background="images/Template_003_13.png"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text</font></div></td>
<td width="19"><img src="images/Template_003_08.png" width="16" height="100%"></td>
</tr>
<tr>
<td colspan="3"><img src="images/Template_003_12.png" width="404" height="55"></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div align="left" id="Content2" style="position:absolute; left: 572px; top: 8px; visibility: inherit;">
<table width="39%" border="0" cellspacing="0" cellpadding="0" name="Content Box">
<tr>
<td height="169"><table width="407" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/Template_003_01.png" width="404" height="11"></td>
</tr>
<tr>
<td width="43"><img src="images/Template_003_02.png" width="43" height="15"></td>
<td width="345" height="15" background="images/Template_003_03.png"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Text
Text Text Text Text Text</strong></font></div></td>
<td width="19"><img src="images/Template_003_04.png" width="16" height="15"></td>
</tr>
<tr>
<td colspan="3"><img src="images/Template_003_05.png" width="404" height="30"></td>
</tr>
</table>
<table width="407" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="13"><img src="images/Template_003_06.png" width="13" height="100%"></td>
<td width="375" background="images/Template_003_13.png"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text</font></div></td>
<td width="19"><img src="images/Template_003_08.png" width="16" height="100%"></td>
</tr>
<tr>
<td colspan="3"><img src="images/Template_003_12.png" width="404" height="55"></td>
</tr>
</table></td>
</tr>
</table>
</div>
<script type="text/javascript">
<!--
SET_DHTML("Content2", "Content1");
//-->
</script>
</div>
</body>
</html>