nicht angemeldet
Hi an die gesamte Selfhtml-community,
Situation:
Ich habe ein Tabellen-menü erstellt welches durch die Funktion onmouseover die Hintergrundfarbe ändert.
Probleme:
1. Der definierte Link soll sich über die gesamte Tabellen_reihe_ erstecken - momentan ist dies nur für das Wort "Startseite" der Fall. Das nervt, da der User genau auf das Wort klicken muss. Meine Vorstellung wäre also ein Menü, bei dem es egal ist, wo der User in der Tabellenspalte klickt.
2. Etwas scheint nicht zu stimmen mit meiner CSS-Datei. Ich möchte gleichzeitig zu dem Wechsel der Hintergrundfarbe auch die Farbe des Textes ändern, wenn sich der Mauszeiger darüber bzw. nicht darüber befindet. Wegen des besseren Kontrasts ;-) Nun habe ich folgendes in der CSS:
body { background-color:#8b4513 }
table { width:99%; font-family:arial, helvetica; font-size:1em; color:#000000; background-color:#fafad2 }
a { font-family:arial, helvetica; font-size:1em; color:#000000; text-decoration:none }
.mausdrueber{ color:#ffffff; background-color:#ffcc00; text-decoration:underline }
.mausweg { color:#000000; background-color:#fafad2; text-decoration:none }
******************************************
Durch "color:#farbe" müsste sich doch auch die Farbe der Schrift ändern, oder? Was mach' ich falsch?
******************************************
Der Html/java-script-Code (Excerpt):
...
<tr>
<td onmouseover="this.className='mausdrueber'" onmouseout="this.className='mausweg'">
<a href="./blabla.htm" target="inhalt" title="blabla">Startseite</a>
</td>
</tr>
Danke für eure Hilfe ;-)
Gruß
Chris