Marcel: Links werden nicht so dargestellt wie gewünscht

Hallo,

es geht darum, das ich auf einer Website Links in weiss und in blau haben möchte.
Die Links in weiss funktionieren einwandfrei, aber die blauen werden zu erst weiss dargestellt und erst nach dem Anklicken in blau.

Die weissen sind so deklariert:
a:link {Color: white; font : 9pt Arial; Text-Decoration: none;}
a:visited {Color: white; font : 9pt Arial;Text-Decoration: none;}
a:active {Color: white; font : 9pt Arial; Text-Decoration: none;}

und die blauen so:
a.inhalt: link {Color: Blue; font : 9pt Arial; Text-Decoration: none;}
a.inhalt:visited {Color: blue; font : 9pt Arial; Text-Decoration: none;}
a.inhalt:active {Color: blue; font : 9pt Arial; Text-Decoration: none;}

und aufrufen tue ich die blauen wie folgt:
<a class="inhalt" href="http://www.xyz.de/">www.xyz.de</a>

Kann mir jemand sagen was ich da falsch gemacht habe?

Vielen Dank und Gruß

Marcel

  1. Hallo Marcel,

    und die blauen so:
    a.inhalt: link {Color: Blue; font : 9pt Arial; Text-Decoration: none;}

    a.inhalt:link {color:blue; font:9pt Arial; text-decoration:none;}

    sollte helfen. Leerzeichen zwischen Klassennamen und Pseudo-Definition sind nicht erlaubt.

    Mit freundlichen Grüßen

    André

  2. Moin Marcel,

    ohne es ausprobiert zu haben, schau mal hier:

    a.inhalt: link {Color: Blue; font : 9pt Arial; Text-Decoration: none;}

    ^

    Gruß -
    Sebastian

  3. Hallo Sebastian und Zeromancer!

    Genau das war das Problem.
    (Was so ein Leerzeichen ausmachen kann...)

    Vielen Dank!

    Marcel

    1. Hi!

      Noch ein Hinweis:

      pt ist eine denkbar ungeeignete Einheiten für die Bildschirmdarstellung.

      Gruß

      Martin

      1. Hallo,

        Noch ein Hinweis:
        pt ist eine denkbar ungeeignete Einheiten für die Bildschirmdarstellung.

        {Color: Blue; font : 9pt Arial; Text-Decoration: none;}

        auch die Schreibweise mit kleinen Buchstaben sowie der Verzicht auf Leerzeichen zwischen Attribut, Doppelpunkt und Wert sei dir wärmstens ans Herz gelegt. Da passieren manchmal die komischsten Dinge.

        {color:#0000ff; font:9px Arial; text-decoration:none;}

        Mit freundlichen Grüßen

        André

        1. Hi,

          der Verzicht auf Leerzeichen zwischen Attribut, Doppelpunkt und Wert sei dir wärmstens ans Herz gelegt.

          wieso weist Du darauf hin? Hier sind doch überhaupt keine Attribute angegeben.
          Und falls Du Leerzeichen zwischen Eigenschaft und Wert meinst, die können durchaus einer besseren Lesbarkeit dienen, was vermitlich der Grund ist, daß auch der CSS-Validator sie - wenn nicht schon vorhanden - in der Ausgabe des validierten CSS einfügt.

          freundliche Grüße
          Ingo