[CSS] Link wird nicht formatiert

[MisterS]

Hi!

Ich wil leinfach das sich die Text-Link Farbe bei Moueseover ändert.

Hab im Header:

<STYLE TYPE="text/css">
<!--
A:link   { color: #ffffff;  }
A:hover  { color: #000000; }
A:active  { color: #ffffff;  }
-->
</STYLE>

Und den Link dann so formatiert:

 <font face="Verdana" size="2" color="#000000">»</font>
<a href="https://www.egal.com/index.php" style="text-decoration:none;" onmouseover="status=''; return true;">
<font face="Verdana" size="2" color="#ffffff">  Startseite</a></font>

Geht nicht, denke weil ich die CSS Anweisung ja durch den späteren Tag aufhebe, aber ich mir fällt die richtige Schreibweise nicht ein :-(

Also weißer Link sol lbei Mouseover schwarz werden und beim verlaßen wieder weiß. Aktiver Link auch schwarz.

Kann wer helfen?
SelfHTML etc. gelesen, auch schon viel hin und her versucht, aber nix geht...

 

[theHacker]

Es scheint hier in Mode zu kommen, die HTML-Tags wegzulassen

Das CSS ist korrekt. Schreib den Code valide, dann funktioniert er auch

 

[MisterS]

Ok, hab ich ja gemacht. mit dem W3C...

aber mein englisch ist moch so gut das ich die Felher ausgabe kapier...
wie wäre es den valid?

 

[Seemann]

Du hast eine falsche Verschachtelung von font und a.

Machs so (Prinzip):

<font><a></a></font>

Oder verzichte am Besten gleich auf den ollen <font>.

 

[theHacker]

aber mein englisch ist moch so gut das ich die Felher ausgabe kapier...
wie wäre es den valid?

Folgende Fehler:
- alle Tags und Attribute kleinschreiben
- Tags in der umgekehrter Reihenfolge schließen, wie sie geöffnet wurden
- <font> nicht mehr benutzen
- » korrekt als » schreiben
(kursive Punkte je nach Doctype)

 

[Dreamworker]

hier für die ganz faulen.

<style type="text/css">
<!--

a { color: #fff; text-decoration:none; }
a:hover { color: #000; }

p {
color: #000; 
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif; }

//-->
</style>

<p>» <a href="https://www.egal.com/index.php" onmouseover="window.status = 'dein Wunschtext'; return true;">Startseite</a></p>