Link-problem

[Andi K]

Hallo, Hab ein problem mit css.

Hier mal das beispiel:

<style type="text/css">
  <!--
   a {
      display:block;
      color:#000000;
      high: 50px;
      background-color:#e5e5e5;
      width:112px;
      padding:8px;
      font-size:13px;
      font-family:Trajan Pro;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:0px;
      border:0px solid #000;
      background-image:url(hinter.gif);
      }
   a:visited {
      display:block;
      color:#000000;
      background-color:#e5e5e5;
      }
   a:aktive {            a
       display:block;
      color:#ffffff;
      background-color:#e5e5e5;
      }
   a:hover {
      display:block;
      color:#ff0000;
      background-color:#c0cccc;
      background-image:url(hinter_on.gif);
      }

a.link {
      display:block;
      color:#000000;
      high: 75px;
      background-color:#e5e5e5;
      width:100px;
      padding:8px;
      font-size:13px;
      font-family:Trajan Pro;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:0px;
      border:3px solid #000000;
      background-image:url(hinter.gif);
     }
   a:visited  {
      display:block;
      color:#ffffff;
      background-color:#e5e5e5;
      }
   a:aktive {            a
       display:block;
      color:#ffffff;
      background-color:#000000;
       }
   a:hover {
      display:block;
      color:#ffffff;
      background-color:#000000;
      background-image:url(hinter_on.gif);
      }
   -->
 </style>

<a href="......">blabla</a> <<<<<< Dieser link müsste etwa grau mit schwarzer schrift sein und beim drüberfarben in einen blauton wechseln

<a class="link" href=".....">blabla2</a> <<<<< und dieser müsste auch grau sein mit schwarzen rand und schwarzer schrift, und beim drüberfahren schwarz färben
_________________________________

Ich weiss leider nicht, warum sich aber der erste link genau wie der zweite link färbt ???????? Kann mir da jemand helfen?

[Paul]

Ich habe es jetzt nicht getestet, aber folgendes fällt auf:

a.link {
      display:block;
      color:#000000;
      high: 75px;
      background-color:#e5e5e5;
      width:100px;
      padding:8px;
      font-size:13px;
      font-family:Trajan Pro;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:0px;
      border:3px solid #000000;
      background-image:url(hinter.gif);
     }
   a.link:visited  {
Du musst das .link bei allen nachfolgenden angeben!

Schau Dir nochmal das entsprechende Kapitel an:
http://de.selfhtml.org/css/formate/zentrale.htm#klassen
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

Gruß
Paul

[Andi K]

Ersmal danke für die rasche antwort, aber diese erklärung hab ich mir schon hundert mal durch geschaut, ich komm einfach nicht auf die lösung *michschäm*

[Paul]

Naja, aber ich habe es schon gelöst Dein Problem und das auch im oberen Posting geschrieben :) Aber wohl nicht genug erklärt

<style type="text/css">
  <!--
   a {
      color:#000000;

}

a:hover {

color:#ff0000;

}

a.link {

color:#000000;

}

a.link:hover {
      color:#ffffff;

}
   -->
 </style>

sorry für die Formatierung.. siehst Du den Unterschied zu Deinem Beispiel? Du musst die Klasse immer mitangeben, nicht einmal am Anfang
(und nur zusätzlich die Links angegeben)

[Andi K]

Danke
vielmals