Leibwache: im div bild tauschen funzt nicht richtig

Beitrag lesen

Hilfe Bild im Div tauschen funzt nicht!!

Habe eine Seite angefertigt mit einer speziellen navigation.

Ich möchte im div nun das Bild austauschen.
Problem: Das bild wird mit javascript getauscht erscheint aber nicht an der richtigen stelle.

Hier der Link zu Seite.
http://media-design-valentin.de/test/index2.html

Hier mal was ich schon "programmiert" hab.

<html>
<head>
<title>Webseite Valentin_ci seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="design.css" rel="stylesheet" type="text/css">

<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="Neue Seite/AC_RunActiveContent.js" language="javascript"></script>

<script language="javascript">

buttonCI1= new Image();
buttonCI1.src = "images/ci.png"
buttonCI2= new Image();
buttonCI2.src = "images/ci2.png"

buttonWEB1= new Image();
buttonWEB1.src = "images/web.png"
buttonWEB2= new Image();
buttonWEB2.src = "images/web2.png"

buttonPRINT1= new Image();
buttonPRINT1.src = "images/print.png"
buttonPRINT2= new Image();
buttonPRINT2.src = "images/print.png"

buttonAUDIO1= new Image();
buttonAUDIO1.src = "images/audio.png"
buttonAUDIO2= new Image();
buttonAUDIO2.src = "images/audio.png"

buttonIMAGE1= new Image();
buttonIMAGE1.src = "images/image.png"
buttonIMAGE2= new Image();
buttonIMAGE2.src = "images/image.png"

buttonWERBEN1= new Image();
buttonWERBEN1.src = "images/werben.png"
buttonWERBEN2= new Image();
buttonWERBEN2.src = "images/werben.png"

</script>

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Tabelle_01" width="1000" height="740" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td rowspan="9" background="images/index_01.png" width="8" height="740"></td>

<td colspan="3" class="head"></td>

	<td rowspan="9" background="images/index\_03.png" width="8" height="740"></td>  
</tr>  
<tr>  
	<td colspan="3" background="images/index\_04.png" width="984" height="7"></td>  
</tr>  
<tr>  
	<td rowspan="3" class="bgl"></td>  

	<td class="obeno">  

<div  id="font1" align="center">
            Auf dieser Seite Java aktivieren um Webseite korrekt an zu zeigen
<a href="http://gmcleibwache.jimdo.com/" style="color:#F00">Schauen Sie auch hier</a>
            </div>
         </td>

	<td rowspan="3" class="bgr"></td>  
</tr>  
<tr>  
	<td class="obenom">  

<div  id="font2" align="center">
        
            <div style="float:left;"> <a href="kontakt.html">Kontakt</a> -
             <a href="sitemap.html">Sitemap</a> -
                                        <a href="portfolio.pdf">Portfolio</a>
            </div>

<div style="float:right;">Wir beraten Sie gern  unter  0177 / 23 28 4 36</div>
        </div>
        </td>
</tr>
<tr>
<td class="mitte"> <span style="float:left;">
         <a href="ci.html" onMouseOver="austauschCI.src='images/ci2.png';" onMouseOut="austauschCI.src='images/ci.png';">
         <img src="images/ci.png" width="143" height="273" alt="Coperate Identity" class="bilddeko" name="austauschCI"></a>
                            </span>
                            <span style="float:left;">
         <a href="web.html" onMouseOver="austauschCI.src='images/web2.png';" onMouseOut="austauschCI.src='images/web.png';">
                            <img src="images/web.png" width="143" height="273" alt="Webdesign" class="bilddeko" name="austauschWEB"></a>
                            </span>
                            <div style="float:left;">
                            <a href="print.html" onMouseOver="austauschCI.src='images/print2.png';" onMouseOut="austauschCI.src='images/print.png';">
                            <img src="images/print.png" width="143" height="273" alt="Print / Druck" class="bilddeko" name="austauschPRINT"></a>
                            </div>
                            <div style="float:left;">
                            <a href="audio.html" onMouseOver="austauschCI.src='images/audio2.png';" onMouseOut="austauschCI.src='images/audio.png';">
                            <img src="images/audio.png" width="143" height="273" alt="Audiobearbeitung" class="bilddeko" name="austauschAUDIO"></a>
                            </div>
                            <div style="float:left;">
                            <a href="image.html" onMouseOver="austauschCI.src='images/image2.png';" onMouseOut="austauschCI.src='images/image.png';">
                            <img src="images/image.png" width="143" height="273" alt="Imagefilme" class="bilddeko" name="austauschIMAGE"></a>
                            </div>
                            <div style="float:left;">
                            <a href="werben.html" onMouseOver="austauschCI.src='images/werben2.png';" onMouseOut="austauschCI.src='images/werben.png';">
                            <img src="images/werben.png" width="143" height="273" alt="Warum werben" class="bilddeko" name="austauschWERBEN"></a>
                            </div>
         </td>
</tr>
<tr>
<td colspan="3" class="unteno">
        <div class="" id="font1" align="center"><p>&nbsp;</p>

&quot;Nichts auf der Welt ist so m&auml;chtig wie eine Idee, deren Zeit gekommen ist.&quot;<br>
             Victor Hugo1802-1885

</div>
        </td>
</tr>
<tr>
<td colspan="3" class="untenweiss"></td>
</tr>
<tr>
<td colspan="3" class="ganzunten"></td>
</tr>
<tr>
<td colspan="3" background="images/index_13.png" width="984" height="6"></td>
</tr>
</table>

</body>
</html>