Menü mit css in IE

Computer: Software & Programmierung HTML & CSS
#1

Hallo Experten!

Ich habe mir auf meiner HP ein Menü gebaut, das nur aus einer Tabelle + CSS besteht.

Beim Start wird mit PHP eine Variable übergeben und dann wird für die einzelnen Menüeinträge(-Tags) entschieden ob Sie

class="select"

oder

class="unselect"

bekommen.

die css-datei:

body { font-family: Arial, Helvetica, sans-serif; margin:0px; background-color:#FFFFCC; }
h1 { font-size:32px; }
table.ganz { width:100%; border:none; }

.header { background-color:#D68408; }
.main { height:500px; padding:5px; background-color:#FFFFCC; color:#FF9900; vertical-align:top; }
.navi { font-size:14px; }

.select { background-color:#FFFFCC; color:#FF9900; width:10%; text-align:center; }
.unselect { background-color:#FF9900; color:#FFFFCC; width:10%; text-align:center; }
td.select a, a:link, a:active, a:visited, a:hover { display:block; width:100%; text-decoration:none; color:#FF9900; }
td.unselect a, a:link, a:active, a:visited, a:hover { display:block; width:100%; text-decoration:none; color:#FFFFCC; }

wenn ich dann im Firefox auf einen Link klicke wird dieser mit

class="select"

versehen und die Hintergrundfarbe und Schriftfarbe konvertieren sich.
Beim IE allerdings, wird nur die Hintergrundfarbe geändert und die Schriftfarbe bleibt unverändert (und hat damit die selbe Farbe wie der Hintergrund).
Warum?

Ich hoffe ich habe das halbwegs verständlich rübergebracht.
Wisst Ihr einen Ausweg?

Liebe Grüße,
pheax

#2

.select { background-color:#FFFFCC; color:#FF9900; width:10%;
text-align:center; }
.unselect { background-color:#FF9900; color:#FFFFCC;
width:10%; text-align:center; }
td.select a, a:link, a:active, a:visited, a:hover {
display:block; width:100%; text-decoration:none;
color:#FF9900; }
td.unselect a, a:link, a:active, a:visited, a:hover {
display:block; width:100%; text-decoration:none;
color:#FFFFCC; }

Dein Problem liegt bei der a, a:link, a:active, a:visited …
geht wohl nicht so

ich hab sie mal alle einzelnd formatiert

td.select a { background-color:#FFFFCC; display:block; width:100%; text-decoration:none; color:#FF9900; text-align:center;}
td.select a:link { background-color:#FFFFCC; display:block; width:100%; text-decoration:none; color:#FF9900; text-align:center;}
td.select a:active { background-color:#FFFFCC; display:block; width:100%; text-decoration:none; color:#FF9900; text-align:center;}
td.select a:visited { background-color:#FFFFCC; display:block; width:100%; text-decoration:none; color:#FF9900; text-align:center;}
td.select a:hover { background-color:#FFFFCC; display:block; width:100%; text-decoration:none; color:#FF9900; text-align:center;}
td.unselect a { background-color:#FF9900; display:block; width:100%; text-decoration:none; color:#FFFFCC; text-align:center;}
td.unselect a:link { background-color:#FF9900; display:block; width:100%; text-decoration:none; color:#FFFFCC; text-align:center;}
td.unselect a:active { background-color:#FF9900; display:block; width:100%; text-decoration:none; color:#FFFFCC; text-align:center;}
td.unselect a:visited { background-color:#FF9900; display:block; width:100%; text-decoration:none; color:#FFFFCC; text-align:center;}
td.unselect a:hover { background-color:#FF9900; display:block; width:100%; text-decoration:none; color:#FFFFCC; text-align:center;}

und schon funktioniert es :smile:

#3

Dein Problem liegt bei der a, a:link, a:active, a:visited …
geht wohl nicht so

ich hab sie mal alle einzelnd formatiert
und schon funktioniert es :smile:

Hey! Danke!

Habe das einfach aus einem anderen Artikel von WWW übernommen.
Aber jetzt gehts bei mir auch. *thumbs up*

Dankende Grüße,
pheax