ive made many sites with java, php, and html and have experience but for some reason, i can not get these rollover images to work, ive done this on another site before and it works fine, to start off im using dreamweaver mx 2004, a great program, the roll over images are working, but it messes up the layout jus a tad and i cant fix it! please take a look at my coding and tell me what i need to correct:
<HTML>
<HEAD>
<TITLE>test site</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--
if(document.images) {
pics = new Array();
pics[01] = new Image();
pics[01].src = "images/image_06.jpg";
pics[02] = new Image();
pics[02].src = "images/image_06a.jpg";
pics[03] = new Image();
pics[03].src = "images/image_07.jpg";
pics[04] = new Image();
pics[04].src = "images/image_07a.jpg";
pics[05] = new Image();
pics[05].src = "images/image_08.jpg";
pics[06] = new Image();
pics[06].src = "images/image_08a.jpg";
pics[07] = new Image();
pics[07].src = "images/image_09.jpg";
pics[08] = new Image();
pics[08].src = "images/image_09a.jpg";
pics[09] = new Image();
pics[09].src = "images/image_10.jpg";
pics[10] = new Image();
pics[10].src = "images/image_10a.jpg";
pics[11] = new Image();
pics[11].src = "images/image_11.jpg";
pics[12] = new Image();
pics[12].src = "images/image_11a.jpg";
}
function changer(from,to) {
if(document.images) {
document.images[from].src = pics[to].src;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=#e4e4e4 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (test size.bmp) -->
<TABLE WIDTH=690 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=10>
<IMG SRC="images/image_01.gif" WIDTH=690 HEIGHT=15 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=7>
<IMG SRC="images/image_02.gif" WIDTH=48 HEIGHT=654 ALT=""></TD>
<TD COLSPAN=8>
<IMG SRC="images/image_03.gif" WIDTH=595 HEIGHT=112 ALT=""></TD>
<TD ROWSPAN=7>
<IMG SRC="images/image_04.gif" WIDTH=47 HEIGHT=654 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=8>
<IMG SRC="images/image_05.gif" WIDTH=595 HEIGHT=13 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<a href="home.htm" target="iframe" onMouseOver="changer('img1',02)" onMouseOut="changer('img1',01)"><img name="img1" id="img1" border="0" width="64" height="19" src="images/image_06.jpg" alt="Rollover Button 1"></a>
<TD>
<a href="hotgames.htm" target="iframe" onMouseOver="changer('img2',04)" onMouseOut="changer('img2',03)"><img name="img2" id="img2" border="0" width="90" height="19" src="images/image_07.jpg" alt="Rollover Button 2"></a>
<TD>
<a href="oldschoolgames.htm" target="iframe" onMouseOver="changer('img3',06)" onMouseOut="changer('img3',05)"><img name="img3" id="img3" border="0" width="138" height="19" src="images/image_08.jpg" alt="Rollover Button 3"></a>
<TD>
<a href="newergames.htm" target="iframe" onMouseOver="changer('img4',08)" onMouseOut="changer('img4',07)"><img name="img4" id="img4" border="0" width="109" height="19" src="images/image_09.jpg" alt="Rollover Button 4"></a>
<TD>
<a href="gamepacks.htm" target="iframe" onMouseOver="changer('img5',10)" onMouseOut="changer('img5',09)"><img name="img5" id="img5" border="0" width="97" height="19" src="images/image_10.jpg" alt="Rollover Button 5"></a>
<TD COLSPAN=2>
<a href="contactus.htm" target="iframe" onMouseOver="changer('img6',12)" onMouseOut="changer('img6',11)"><img name="img6" id="img6" border="0" width="97" height="19" src="images/image_11.jpg" alt="Rollover Button 6"></a>
</TR>
<TR>
<TD COLSPAN=8>
<IMG SRC="images/image_12.gif" WIDTH=595 HEIGHT=27 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/image_13.gif" WIDTH=7 HEIGHT=467 ALT=""></TD>
<TD COLSPAN=6>
<iframe src="home.htm" name="iframe" width="581" height="459" align="middle" scrolling="yes" frameborder="0"><IMG SRC="images/image_15.gif" WIDTH=7 HEIGHT=467 ALT=""></iframe>
</TD>
<TD ROWSPAN=2>
<IMG SRC="images/image_15.gif" WIDTH=7 HEIGHT=467 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6>
<IMG SRC="images/image_16.gif" WIDTH=581 HEIGHT=8 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=8>
<IMG SRC="images/image_17.gif" WIDTH=595 HEIGHT=16 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=48 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=57 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=90 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=138 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=109 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=97 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=90 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=47 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
the finished product comes out with these errors:
please help me correct this problem, thanks in advance
