Ich habe ein Problem mit CSS und dem Firefox!
Ich benötige für eine Website circa 7 unterschiedlich formatierte Arten von Links! Die sollen also quasi alle unterschiedlich aussehen.
Nur irgendwie bekommt das der Firefox (momentan mein Standartbrowser) net auf die Reihe. Das bedeutet - das er den Link als default falsch anzeigt - wenn ich aber mit der Maus drüber fahre - zeigt er die weiteren definitionen sauber an. Damit vermute ich mal - die CSS Datei ist richtig - die Hyperlinks im HTML auch sauber drin - nur irgendwie verwendet Firefox für die Standart Anzeige den Standart Link Style.
Code:
A { font-family:Arial;color:#1E3E7D;font-size:12px;font-weight:normal;text-decoration:none; }
A:link { font-family:Arial;color:#1E3E7D;font-size:12px;font-weight:normal;text-decoration:none; }
A:active { font-family:Arial;color:#1E3E7D;font-size:12px;font-weight:normal;text-decoration:none; }
A:hover { font-family:Arial;color:#2A2C5D;font-size:12px;font-weight:normal;text-decoration:underline; }
/* --- Links(Head) def ---------------------------------- */
A.head:link { font-family:Arial;color:#777777;font-size:11px;font-weight:bold;text-decoration:none; }
A.head:visited { font-family:Arial;color:#777777;font-size:11px;font-weight:bold;text-decoration:none; }
A.head:hover { font-family:Arial;color:#555555;font-size:11px;font-weight:bold;text-decoration:underline; }
A.elementbig:link { font-family:Arial;font-weight:bold;font-size:16px;color:#267C99;text-decoration:underline;}
A.elementbig:active { font-family:Arial;font-weight:bold;font-size:16px;color:#59839B;text-decoration:underline;}
A.elementbig:hover { font-family:Arial;font-weight:bold;font-size:16px;color:#426487;text-decoration:underline;}
A.elementsmall:link { font-family:Arial;font-weight:bold;font-size:12px;color:#267C99;text-decoration:underline;}
A.elementsmall:active { font-family:Arial;font-weight:bold;font-size:12px;color:#59839B;text-decoration:underline;}
A.elementsmall:hover { font-family:Arial;font-weight:bold;font-size:12px;color:#426487;text-decoration:underline;}
/* --- Links(Navi) def ---------------------------------- */
A.navi:link { font-family:Arial;color:#222222;font-size:12px;font-weight:normal;text-decoration:none;}
A.navi:active { font-family:Arial;color:#777777;font-size:12px;font-weight:normal;text-decoration:none;}
A.navi:visited { font-family:Arial;color:#222222;font-size:12px;font-weight:normal;text-decoration:none;}
A.navi:hover { font-family:Arial;color:#444444;font-size:12px;font-weight:normal;text-decoration:underline;}
A.tdHead:link { font-family:Arial;font-weight:bold;font-size:12px;color:#FFFFFF;text-decoration:none;}
A.tdHead:active { font-family:Arial;font-weight:bold;font-size:12px;color:#FFFFFF;text-decoration:none;}
A.tdHead:hover { font-family:Arial;font-weight:bold;font-size:12px;color:#CCCCCC;text-decoration:underline;}
/* --- Links(Left Column) def ---------------------------------- */
A.left:link { font-family:Arial;text-decoration:none; }
A.left:visited { font-family:Arial;text-decoration:none; }
A.left:hover { font-family:Arial;text-decoration:none; } Dabei funktionieren "elementbig" und "elementsmall" nicht so recht!
Im IE funktioniert im übrigen alles einwandfrei!
Kennt jemand das Problem - oder habe ich gar etwas falsch gemacht?
MfG
Exit