Leibwache: im div bild tauschen funzt nicht richtig

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>

  1. Hallo,

    <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>

    Du tauschst im onmouseover und onmouseout jedes Mal "austauschCI" aus.

    Gruß, Dennis

    1. Du tauschst im onmouseover und onmouseout jedes Mal "austauschCI" aus.

      Gruß, Dennis

      OH wie blöd... :/

      Manchmal sehe ich den Wald vor Bäumen nicht mehr XD

      Danke sehr.

      1. Om nah hoo pez nyeetz, Leibwache!

        du möchtest bitte keine Tabelle zu Layout-Zwecken missbrauchen.

        Matthias

        --
        http://www.billiger-im-urlaub.de/kreis_sw.gif
        1. Om nah hoo pez nyeetz, Leibwache!

          du möchtest bitte keine Tabelle zu Layout-Zwecken missbrauchen.

          Matthias

          Jaja ich weiss.

          geht aber im Moment schneller so (Photoshop is schuld etc.)
          Wir alles noch auf div um gestellt.

          :)

          1. Om nah hoo pez nyeetz, Leibwache!

            Wir alles noch auf div um gestellt.

            umstellen ist auch keine gute Idee, meist ist ein vernüftiges Layout von der Struktur her völlig anders als eine Layouttabelle.

            Matthias

            --
            http://www.billiger-im-urlaub.de/kreis_sw.gif
            1. Om nah hoo pez nyeetz, Leibwache!

              Wir alles noch auf div um gestellt.

              umstellen ist auch keine gute Idee, meist ist ein vernüftiges Layout von der Struktur her _völlig_ anders als eine Layouttabelle.

              Matthias

              Ja ich weiss

              Bin aber jetzt seit einem Jahr selbstständig und komme nicht dazu eine vernüftige Seite zu machen weil einfach die Zeit fehlt.
              Darum muss es jetzt schnell gehen.
              ich will heute noch fertig werden mit allem :D

              Danke für die Hilfe

              1. Hey,

                übrigens Java != JavaScript (von Deiner Seite: "Auf dieser Seite Java aktivieren um Webseite korrekt an zu zeigen").

                Und, da Du ja auch Webdesign anbietest, kann ich Matthias nur rechtgeben: Wenn ich jemanden suche, der für mich eine Webpräsenz erstellen soll, schaue ich mir zuerst seine Seite an. Und wenn die nicht "sauber" gemacht ist, suche ich mir sicherlich jemanden anders.

                Gruß, Dennis

                1. Nachtrag: Was bedeutet "Diese Seite ist mit HTML und Javascript."?

                  1. Oh mann

                    das die Seite noch nicht fertig war ist nicht bei euch angekommen, oder??

                    @ ChrisB

                    Was soll diese Beleidigung ? Wie wäre es mit Konstruktiver Kritik?Wür dir gern was schreiben aber ich lass mich auf dein simples Niveau nicht herab, das wäre zu ekelig.

                    Guten Tag ...

                    1. Mahlzeit Leibwache,

                      das die Seite noch nicht fertig war ist nicht bei euch angekommen, oder??

                      Ja. Genau deswegen geben wir Dir gerne Tipps, wie Du es *von Anfang an* besser (bzw. in diesem Fall eher: richtig) machen kannst: damit Du nämlich *nachher* nicht ständig Probleme damit hast.

                      Du kannst diese Tipps annehmen oder es sein lassen. In letzterem Fall erwarte aber bitte nicht, dass "alles funzt" ...

                      @ ChrisB

                      Was soll diese Beleidigung ?

                      Wieso Beleidigung? Es handelt sich um eine Vermutung (deren Wahrheitsgehalt ich persönlich als "sehr hoch" ansehen würde).

                      MfG,
                      EKKi

                      --
                      sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
              2. Om nah hoo pez nyeetz, Leibwache!

                Du solltest auch deine richtige Seite und all deine Unterseiten vom Validator begutachten lassen. Du hast Fehler[*] eingebaut.

                [*] Plural[**]

                [**] richtig Plural

                Matthias

                --
                http://www.billiger-im-urlaub.de/kreis_sw.gif
              3. Hi,

                Bin aber jetzt seit einem Jahr selbstständig und komme nicht dazu eine vernüftige Seite zu machen weil einfach die Zeit fehlt.

                So wie es aussieht, fehlt dir eher die Ahnung - von sämtlichen in diesem Bereich relevanten Grundlagen.

                MfG ChrisB

                --
                RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
  2. Mahlzeit Leibwache,

    Hilfe Bild im Div tauschen funzt nicht!!

    Hilfe: "Selbständigkeit" und Kunden gewinnen mit so einem grausamen Code funzt nicht!

    <html>

    Es fehlt die Angabe eines Dokumenttyps.

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    Wenn Du heutzutage einen *neuen* Webauftritt erstellst, ist ISO-8859-1 (o.ä.) keine wirklich gute Idee - warum kein UTF-8?

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

    Es fehlt (solltest Du nicht HTML5 verwenden - s.o.) die Angabe des zwingend erforderlichen "type"-Attributs.

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

    [...]

    Derartiger Schmuh deutet meistens darauf hin, dass Du lieber Arrays (oder entsprechende Objekte) benutzen möchtest.

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

    Angaben zum Layout sollten heutzutage per CSS gemacht werden.

    <table id="Tabelle_01" width="1000" height="740" border="0" cellpadding="0" cellspacing="0" align="center">

    s.o.

    Darüberhinaus ist Tabellenlayout definitiv nicht zeitgemäß - und "wird noch umgestellt" funktioniert erfahrungsgemäß *nie*. Entweder man macht's gleich von Anfang an richtig oder man hat anschließend jahrelang "Spaß" damit.

    Auf dieser Seite Java aktivieren um Webseite korrekt an zu zeigen

    Javascript ist nicht Java und Java ist nicht Javascript.

      <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>

    Wozu Javascript? Nutze die <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklasse :hover> in Verbindung mit <http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=einem passenden Nachfahrenselektor>.

    <div class="" id="font1" align="center"><p>&nbsp;</p>

    Leere Klassen, nicht aussagekräftige IDs und leere Absätze? Und *Du* bietest "Webdesign" an?

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|