---
title: "3 Linkfarben im Firefox"
url: "https://www.typo3.net/d/22778-3-linkfarben-im-firefox"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2005-03-22"
last_reply: "2005-03-22"
replies: 8
solved: true
page: 1
pages: 1
lang: "de"
---

# 3 Linkfarben im Firefox

Frontend › Styling · 8 Antworten · gelöst · gestartet 2005-03-22

## Frage

**Unbekannter Benutzer** · 2005-03-22 · [Beitrag #1](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/1)

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

## Beste Antwort

**Unbekannter Benutzer** · 2005-03-22 · [Beitrag #7](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/7)

Hallo,

also wenn ich die Farben umstelle funktioniert es auch nicht. :'(

Hier nochmal die Überarbeitete CSS-Datei:

```css
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}
```

## Antworten

### [#2](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/2) · MartinLeim · 2005-03-22

Ist dein CSS-Code vielleicht syntaktisch falsch? Das ist mir mal passiert, der IE hat es trotzdem angezeigt, Firefox richtigerweise nicht.

### [#3](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/3) · Unbekannter Benutzer · 2005-03-22

Anbei mal der betreffende CSS-Code:

```plaintext
...
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

```html
<div class="root">test</div>
```

Vielleicht findest du ja einen Fehler

Gruß

Tobias

### [#4](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/4) · theo · 2005-03-22

vielleicht solltest du ja einfach deinen color-befehl nicht von der ansonsten korrekten schreibweise ausnehmen?... ;)

```plaintext
color:#ffcc00;
```

oder hast du diesen code einfach irgendwo blind rauskopiert, ohne die generelle css-syntax  überhaupt zu verstehen?

### [#5](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/5) · Unbekannter Benutzer · 2005-03-22

Darauf bin ich garnicht gekommen, da der IE das ja alles richtig angezeigt hat.  :o
CSS hab ich schon verstanden.
DANKE

### [#6](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/6) · MartinLeim · 2005-03-22

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.

### [#7](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/7) · Unbekannter Benutzer · 2005-03-22 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

### [#8](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/8) · MartinLeim · 2005-03-22

Du hast den Fehler immer noch.
CSS-Styles haben die Form

```plaintext
Bezeichner: Wert
```

und nicht

```typoscript
Bezeichner=Wert
```

!!!

### [#9](https://www.typo3.net/d/22778-3-linkfarben-im-firefox/9) · Unbekannter Benutzer · 2005-03-22

Jetzt geht es, ich bin heute wahrscheinlich blind.

Danke

---

Quelle: „3 Linkfarben im Firefox“, typo3.net, https://www.typo3.net/d/22778-3-linkfarben-im-firefox
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.