onmouseover and onmouseout does not work

[Kurda Yon]

Hi,

I try to create a table of images (images of the same size are put in
a table with fixed number of rows and columns). Moreover, I want image
changes if mouse is no the image. This code works fine:

<table border='0' cellpadding='0' cellspacing='10'><tr>
<td>
<div target="_blank" onmouseover="document.sub_but.src='img_tmp/
706.jpg'" onmouseout="document.sub_but.src='img_tmp/701.jpg'">
<IMG SRC="img_tmp/701.jpg" width="240" height="90" border="0"
NAME="sub_but">
</div>
</td>
<td>
</td>
</tr></table>

However, if I add an image to the second <td></td>-element, the images
(both) does not want to change if the mous is over. So the following
code does not work:

<table border='0' cellpadding='0' cellspacing='10'><tr>
<td>
<div target="_blank" onmouseover="document.sub_but.src='img_tmp/
706.jpg'" onmouseout="document.sub_but.src='img_tmp/701.jpg'">
<IMG SRC="img_tmp/701.jpg" width="240" height="90" border="0"
NAME="sub_but">
</div>
</td>
<td>
<div target="_blank" onmouseover="document.sub_but.src='img_tmp/
706.jpg'" onmouseout="document.sub_but.src='img_tmp/701.jpg'">
<IMG SRC="img_tmp/701.jpg" width="240" height="90" border="0"
NAME="sub_but">
</div>
</td>
</tr></table>

What is the reason of this behavior and how I can reach my goal?

Thank you.

 

[Andy Dingley]

how I can reach my goal?

You start by posting a URL, so that we can see it in action.