Onmouseover Onmouseout ist ein link und style ist mit css?

[Christoph]

Hallo liebe selfHTML gemeinde!!!

Zunächst mal hier an die MODs admins und all jenen die sich beteiligt haben um so ein dickes Tutorial frei für alle zu machen, ein mehr als nur großes danke und *hofknick´s* meiner seits habt ihr wirklich sehr genial gemacht!!!

So dann mal zu meinem problemchen...

Wie oben schon thema betreffend beschrieben möchte ich...
Einen Table die jeweiligen TDs als link, diese sollen mit einer hintergrund farbe die variabl ist und durch OnmouseOver bzw. onmouseout sich ändert, das klappt auch da ich mir ja brav euere tut´s lese so wie hier <http://de.selfhtml.org/javascript/sprache/objekte.htm@title=Javascript Objekte>
Die function lässt sich ja problemlos aktivieren durch "onmouseover bzw. onmouseout" aber die veränderbare Schrift die ich in CSS STYLE formatiere macht andscheinend probleme "denke ich aber ich hab eben keine ahnung mehr weshalb" denn wenn ich die schrifft nicht mit css formatiere und z.b. leerzeichen dafür einsetze geht es nur ist es ja das was ich nicht möchte.
Die schrifft soll durch ein weiteres oder das selbe onmouseover-onmouseout... sich verändern wie hier unten im beiliegenden code von mir.

so ich hoffe ihr könnt den verhau was ich da unten angehangen hab nachvollziehen, wenn ihr fragen bzgl. irgendwas habt, ich schau das ich alles so gut wie möglich euch erkläre, wobei ich davon ausgeh das dieser gedanke von mir sinnfrei ist wenn ich euch schon um hilfe anfleh ;)

Falls es geht bitte helft mir auf die sprünge weshalb es nicht geht und sollte es mit javascript so nicht gehn dann wäre es super mir kurz und knapp zu sagen "einfach nen link wo ich selbst lesen kann" mit was ich sowas lösen kann.

Ach was wichtig ist, das ist, soll "lach schon selbst" eine Navbar werden, die ich mit include in die jeweilige seite "php" einfüge, damit sich so gesehn immer der content von seite zu seite ändert.

Danke euch schonmal...

  
<script type="text/javascript">  
/* das ist die function für den ERSTEN WÜRFEL */  
function Farbe (R, G, B) {  
  this.R = R;  
  this.G = G;  
  this.B = B;  
  this.hex = "#";  
}  
  
function HintergrundWechseln () {  
  var Hintergrund = new Farbe("00", "80", "7F");  
  wuerfel.bgColor = Hintergrund.hex + Hintergrund.R + Hintergrund.G + Hintergrund.B;  
}  
function Farbe1 (R, G, B) {  
  this.R = R;  
  this.G = G;  
  this.B = B;  
  this.hex = "#";  
}  
  
function HintergrundWechseln1 () {  
  var Hintergrund = new Farbe1("00", "B0", "7F");  
  wuerfel.bgColor = Hintergrund.hex + Hintergrund.R + Hintergrund.G + Hintergrund.B;  
}  
/* das ist die function für den ACHTEN WÜRFEL */  
function Farbe2 (R, G, B) {  
  this.R = R;  
  this.G = G;  
  this.B = B;  
  this.hex = "#";  
}  
  
function HintergrundWechseln2 () {  
  var Hintergrund = new Farbe2("FF", "80", "D0");  
  wuerfel1.bgColor = Hintergrund.hex + Hintergrund.R + Hintergrund.G + Hintergrund.B;  
}  
function Farbe3 (R, G, B) {  
  this.R = R;  
  this.G = G;  
  this.B = B;  
  this.hex = "#";  
}  
  
function HintergrundWechseln3 () {  
  var Hintergrund = new Farbe3("FF", "50", "D0");  
  wuerfel1.bgColor = Hintergrund.hex + Hintergrund.R + Hintergrund.G + Hintergrund.B;  
}  
</script>  
<style type="text/css">  
h3 {color:white;  
    font-family:Lucida sans unicode;  
    font-style:normal;  
    font-size:45%; }  
h2 {color:white;  
          font-family:Lucida sans unicode;  
          font-style:normal;  
          font-size:80%; }  
body {color:white;  
        font-family:Lucida sans unicode;  
        font-size:100%;  
         }  
A:link {text-decoration:none;}  
A:visited {text-decoration:none;}  
A:active {text-decoration:none;}  
A:hover {text-decoration:none;}  
a:focus {text-decoration:none;}  
</style>  
<!-- Kommentar: WÜRFEL eins MIT LINK -->  
<TABLE><tr><td><a href="home.php">  
<table id="wuerfel" bgcolor="#00807F" width="95" height="95" align="center"  
onmouseover="javascript:HintergrundWechseln()"  
onmouseout="javascript:HintergrundWechseln1()">  
<tr>  
<td width="95" height="95" align="center" font color="#FFFFFF"  
 onmouseover="this.innerHTML = '<h2>HOME</h2>'"  
 onmouseout="this.innerHTML = '<h3>HOME</h3>'"  
 ><h3>HOME</h3></td>  
</tr>  
</table></a></td>  
<!-- Kommentar: ENDE WÜRFEL eins MIT LINK -->  
<!-- Kommentar: WÜRFEL zwei MIT LINK -->  
<td><a href="programm.php">  
<table id="wuerfel1" bgcolor="#50E0FF" width="95" height="95" align="center"  
onmouseover="javascript:HintergrundWechseln2()"  
onmouseout="javascript:HintergrundWechseln3()">  
<tr>  
<td width="95" height="95" align="center" font color="#FFFFFF"  
 onmouseover="this.innerHTML = '<h2>PROGRAMM</h2>'"  
 onmouseout="this.innerHTML = '<h3>PROGRAMM</h3>'"  
 ><h3>PROGRAMM</h3></td>  
</tr></table>  
</a>  
</td></table>

MfG