Hallo,
ich hab schon wieder eine Frage #giggle#
Im Internet Explorer werden bei mir die 3 Linkfarben ordentlich angezeigt, aber im Firefox werden mir die Links blau angezeigt. Habe die Linkfarben über Klassen in CSS implementiert. Woran kann es liegen?
Gruß
Tobias
Ist dein CSS-Code vielleicht syntaktisch falsch? Das ist mir mal passiert, der IE hat es trotzdem angezeigt, Firefox richtigerweise nicht.
Anbei mal der betreffende CSS-Code:
...
a.link { color="#ffcc00"; text-decoration: none;}
a.link:hover { color="#ffcc00"; text-decoration: none;}
/* Links */
a.menu:link { color="#ffcc00"; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.menu:hover { color="#ffcc00"; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.menu:active { color="#ffcc00"; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.menu:visited { color="#ffcc00"; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
/* Links Untermenue*/
a.na:link { color="#ffffff"; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na:hover { color="#ffffff"; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na:active { color="#ffffff"; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na:visited { color="#ffffff"; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na1:link { color="#ffffff"; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na1:hover { color="#ffffff"; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na1:active { color="#ffffff"; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na1:visited { color="#ffffff"; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
/* Links Rootline*/
a.root:link { color="#666666"; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.root:hover { color="#666666"; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.root:active { color="#666666"; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.root:visited { color="#666666"; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
...
Und aufrufen tu ich es mit
<div class="root">test</div>
Vielleicht findest du ja einen Fehler
Gruß
Tobias
vielleicht solltest du ja einfach deinen color-befehl nicht von der ansonsten korrekten schreibweise ausnehmen?... 😉
color:#ffcc00;
oder hast du diesen code einfach irgendwo blind rauskopiert, ohne die generelle css-syntax überhaupt zu verstehen?
Darauf bin ich garnicht gekommen, da der IE das ja alles richtig angezeigt hat. :o
CSS hab ich schon verstanden.
DANKE
Ein genereller Tip: Wenn der IE eine Seite so anzeigt, wie du dir sie vorgestellt hast, heißt das gar nichts.
Wenn z.B. Opera und Firefox dies auch tun, dann ist das schon ein sichereres Zeichen.
Am besten lass die Seiten aber validieren und mach sie (X)HTML-valid, dann bist du für dich auf der sicheren Seite.
Hallo,
also wenn ich die Farben umstelle funktioniert es auch nicht. 😢
Hier nochmal die Überarbeitete CSS-Datei:
a:link { color=#666666; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a:hover { color=#666666; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a:visited { color=#666666; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a:active { color=#666666; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: bold;
font-weight: bolder;
color: #666666;
}
/* Allgemeine Schriftauszeichnung */
td { font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
h1 { font-size:15px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
h2 { font-size:15px;
font-family:Arial, Helvetica, sans-serif;
}
/* Allgemeine Hintergrundfarbe und Scrollbalken */
body { background-color: #999999;
scrollbar-base-color: #999999; scrollbar-track-color: #999999; scrollbar-face-color: #999999;
scrollbar-highlight-color: #999999; scrollbar-3dlight-color:#cccccc; scrollbar-darkshadow-color:black;
scrollbar-shadow-color: #999999; scrollbar-arrow-color: #cccccc}
/* Links */
a.link { color=#ffcc00; text-decoration: none;}
a.link:hover { color=#ffcc00; text-decoration: none;}
/* Links */
a.menu:link { color=#ffcc00; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.menu:hover { color=#ffcc00; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.menu:active { color=#ffcc00; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
a.menu:visited { color=#ffcc00; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
/* Links Untermenue*/
a.na:link { color=#ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na:hover { color=#ffffff; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na:active { color=#ffffff; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na:visited { color=#ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na1:link { color=#ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na1:hover { color=#ffffff; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na1:active { color=#ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.na1:visited { color=#ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
/* Links Rootline*/
a.root:link { color=#666666; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.root:hover { color=#666666; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.root:active { color=#666666; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
a.root:visited { color=#666666; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; font-size: 11px }
/* Buttons und Listboxen */
.button { font-size: 11px; font-family: Arial, Helvetica, sans-serif ; color: #333333; background-color: #999999; border: 1px #333333 solid}
.box { font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #cccccc; color: #333333; border: 1px #333333 solid}
Du hast den Fehler immer noch.
CSS-Styles haben die Form
Bezeichner: Wert
und nicht
Bezeichner=Wert
!!!
Jetzt geht es, ich bin heute wahrscheinlich blind.
Danke