Problem mit Bild und onMouseover

[d0om]

Ich habe folgendes Problem, welches mich schon länger quält:

Ich habe auf unserer Bandhomepage ( Link ), im oberen Header diesen Code "verbaut":

<tr>
      <a href="index.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="text-align: center; height: 35px; width: 120px;"><a href="index.html">Startseite</a></td></a>
      <a href="band.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="text-align: center; height: 35px; width: 120px;"><a href="band.html">Band</a></td></a>
      <a href="galerie.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="text-align: center; height: 35px; width: 120px;"><a href="galerie.html">Galerie</a></td></a>
      <a href="videos.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="text-align: center; height: 35px; width: 120px;"><a href="videos.html">Videos</a></td></a>
      <a href="termine.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="text-align: center; height: 35px; width: 120px;"><a href="termine.html">Termine</a></td></a>
      <td style="background-color: rgb(120, 120, 120);  text-align: center; height: 35px; width: 120px;"></td>
    </tr>
    <tr>
      <a href="medien.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="width: 120px; height: 35px;" align="center" valign="middle"><a href="medien.html">Medien</a></td></a>
      <a href="blog.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="width: 120px; height: 35px;" align="center" valign="middle"><a href="blog.html">Blog</a></td></a>
      <a href="gb.php"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="width: 120px; height: 35px;" align="center" valign="middle"><a href="gb.php">Gästebuch</a></td></a>
      <a href="kontakt.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="width: 120px; height: 35px;" align="center" valign="middle"><a href="kontakt.html">Kontakt</a></td></a>
      <a href="login.html"><td bgcolor="#E6E6E6" onMouseover="this.bgColor='#787878'" onMouseout="this.bgColor='#E6E6E6'" style="width: 120px; height: 35px;" align="center" valign="middle"><a href="login.html">Login</a></td></a>
      <td style="background-color: rgb(120, 120, 120);  text-align: center; height: 35px; width: 120px;"></td>
    </tr>

Fahre ich nun mit der Maus über einen Tabellenabschnitt, färbt sich dieser in die Farbe #787878.

Nun möchte ich aber, dass beim "onMouseover" sich der Tabellenabschnitt nicht in eine andere Farbe färbt, sondern dass ein Bild als Hintergrundbild erscheint.

Wie erreiche ich das?

Danke schon mal im Vorraus, denke für viele sollte dies kein Problem sein, für mich schon ;)

 

[assmaje]

Du erstellst die Links:

<a class="beispiel" href="beispiel.html">Beispiel</a>
<!-- und so weiter -->

Und das zugehörige CSS:

.beispiel {
     display:block;
     width:60px;
     height:30px;
     float:left;
     font:12px Arial;
     background:#787878;
}

.beispiel:hover {
     background:url(beispiel.png);
}

 

[d0om]

Hm... Dann müsste ich da den ganzen Code umändern.
Gibt es nicht einen kleinen "Codeschnipsel", welchen ich anstatt

onMouseover="this.bgColor='#787878'"

nehme?

 

[Efchen]

Die CSS-Lösung ist die weitaus bessere. Sie funktioniert auch bei abgeschaltetem JavaScript. Deine nicht.

 

[d0om]

Okay, das macht durchaus Sinn, aber gibt es überhaupt keine andere Lösung, mein

onMouseover="this.bgColor='#787878'"

zu "ersetzen", dass der restliche Code vorhanden bleibt?

 

[Efchen]

Doch, aber da bin ich nicht fit drin :-)

this.keineahnungwas

oder über this.style.background="url(hastenichgesehn.jpg)" vielleicht.

Irgendwo hier müsste das stehen: SELFHTML: JavaScript / Objektreferenz