HTML - es macht, was es will

[Amaranth]

Hallo,

ich arbeite derzeit im Rahmen eines Projektes in meinem Infokurs an einer kleinen Website in HTML/CSS. Nur habe ich momentan ein kleines Problem, egal wie und wo ich es versuche, die Farbe der Links bleibt immer bei den Standard-Einstellungen. Der Code in CSS sieht so aus:

div#Inhalt {
    margin-left: 10em;
    padding: 0 1em;
    text-align: justify;
    width: 626px;
    a:link { color:#00e600; }
    a:visited { color:#007d00; }
    a:hover { color:#00f700; }
    a:active { color:#007d00; }
}

In dem Program, welches ich verwende, wird außerdem "a:link" nicht, wie die anderen a:xy, markiert. Aber auch visited, hover und active funktionieren nicht.
Weiß wer, woran das liegen kann?

[TheJoker]

The W3C CSS Validation Service

div#Inhalt {
margin-left: 10em;
padding: 0 1em;
text-align: justify;
width: 626px;
}
a:link { color:#00e600; }
a:visited { color:#007d00; }
a:hover { color:#00f700; }
a:active { color:#007d00; }

[cybertrek]

Siehe TheJoker.

Dein Denkfehler war in der Vermischung von Attributen und Elementen. a ist genauso ein Element wie es div ist. Du hast a aber im CSS als Attribut von div verwendet was eben nicht möglich ist.

Wenn du für Links unterschiedliche Formatierungen haben möchtest, musst du es im CSS so lösen:

div#Inhalt
{
  margin-left: 10em;
  padding: 0 1em;
  text-align: justify;
  width: 626px;
}

a.inhalt:link { color:#00e600; }
a.inhalt:visited { color:#007d00; }
a.inhalt:hover { color:#00f700; }
a.inhalt:active { color:#007d00; }

Damit kannst du dann speziellen Links den Namen "Inhalt" zuweisen und entsprechend unterschiedlich formatieren.

[Amaranth]

Ah. Danke euch beiden