verschiedene a:link farben [nur Mozilla]

Status
Nicht offen für weitere Antworten.

unlord

Erfahrenes Mitglied
hallo,
meine css-datei sieht so aus:

Code:
#schrift1 {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

#schrift1 a:link, a:visited {
	text-decoration: none;
	color: #000000;
}

#schrift1 a:hover, a:active {
	text-decoration: none;
	color: #8C8C8C;
}

#schrift2 {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

#schrift2 a:link, a:visited {
	text-decoration: none;
	color: #A10F0F;
}

#schrift2 a:hover, a:active {
	text-decoration: none;
	color: #097427;
}

nun haben die Links, obwohl Sie innerhalb eines span-Tags mit der id schrift 1 stehen, die Farbe von schrift2 (A10F0F... aber nur bei mozilla).... die hover-farbe dagegen stimmt, ist also nicht wie in schrift2 grün sondern grau... weiß jemand warum dieser Fehler auftritt? die span-Tags mit schrift2 sind alle geschlossen und außerdem wäre die hover-farbe dann ja auch anders... plz helft mir >_<

mfg
unlord
 
Tut mir leid, ich verstehe dein Problem nicht. Könntest du es anhand eines Beispiels verdeutlichen?
 
jo klar

Code:
<span id="schrift1"><a href="http://www.tutorials.de/">tutorials.de</a></span><br><br>
<span id="schrift2"><a href="http://www.web.de/">web.de</a></span>

...bei diesem Bsp. würde der tutorials.de-Link die farbe von schrift2(A10F0F) anstatt die von schrift1(000000) haben(nur bei mozilla)

mfg
unlord
 
Zuletzt bearbeitet:
Code:
#schrift1 {
        font-family: Verdana;
        font-size: 10px;
        color: #000000;
}

#schrift1 a {
        text-decoration: none;
        color: #000000;
}

#schrift1 a:link, a:visited {
        text-decoration: none;
        color: #000000;
}

#schrift1 a:hover, a:active {
        text-decoration: none;
        color: #8C8C8C;
}

#schrift2 {
        font-family: Verdana;
        font-size: 10px;
        color: #000000;
}

#schrift2 a {
        text-decoration: none;
        color: #A10F0F;
}

#schrift2 a:link, a:visited {
        text-decoration: none;
        color: #A10F0F;
}

#schrift2 a:hover, a:active {
        text-decoration: none;
        color: #097427;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück