Bild ausrichten

[LX]

Hallo!

Moment ich fange mal ganz von vorne an:
Ich möchte ein Menü erstellen in Form einer Tabelle:

Bitte verzeih', wenn ich Dich korrigiere: Du möchtest ein Menü erstellen mit der Optik einer Tabelle; die Form eines Menüs ist letztlich eine Liste von Menüpunkten.

<ul id="menu">  
<li><a href="home.html">Home</a></li>  
<li><a href="kontakt.html">Konktakt</a></li>  
</ul>

#menu { list-style: none; margin: 0; padding: 0; float: left; }  
#menu li a { background-color: blue; color: white; display: block; }  
#menu li a:hover { background-color: white; color: blue; }

Also wenn man auf eine Zelle mit der Maus drüber geht, soll sich die Hintergrundfarbe der Zelle UND die schriftfarbe ändern. Hintergrundfarbwechsel funktioniert aber warum ändert sich die farbe der schrift nicht?

Weil der Link vom Browser eine andere Schriftfarbe vorgegeben bekommt und die vom td-Element vererbte Schriftfarbe dadurch überschrieben wird. Wenn Du im CSS a { color: inherit; } einbauen würdest, wäre das Problem in den Browser, die "inherit" unterstützen, gelöst. Trotzdem ist die o.g. Variante deutlich sematischer und schon daher zu empfehlen.

Gruß, LX