Links ändern

[Jens]

Hi,

ich möchte alle meine Links etwas anders gestalte und habe dieses CSS gebaut, welches ich in meiner Datei einbinde:

Design der Links

a:link {color:#006699;text-decoration:none}
a:visited {color:#006699;text-decoration:none}
a:active {color:#006699;text-decoration:none}
a:hover {color:#FF9900;text-decoration:underline}

Leider werden die Links anfangs mit der Standardlinkfarbe angezeigt. Erst wenn ich ein Link schon mal besucht habe, hat es die Farbe, die ich will. Das mit dem hover klappt.

Wieso zeigt er zu Beginn den Link nicht in #006699 an?

Jens

[Gunnar Bittersmann]

Jens,
Warum nicht einfach

a {color:#006699;text-decoration:none}
a:hover {color:#FF9900;text-decoration:underline}

Dem Nutzer die Unterscheidung zwischen schon besuchten und noch unbesuchten Links zu nehmen ist der Usability nicht dienlich.
Gunnar

[Orlando]

Hi Jens,

a:link {color:#006699;text-decoration:none}
a:visited {color:#006699;text-decoration:none}
a:active {color:#006699;text-decoration:none}
a:hover {color:#FF9900;text-decoration:underline}
Leider werden die Links anfangs mit der Standardlinkfarbe angezeigt.

es müssten aber alle die gleiche Farbe haben. Außerdem sollten besuchte Links von nicht besuchten unterscheidbar sein.

Beachte die _Reihenfolge_ der Pseudoformate:

http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
 http://www.netandmore.de/faq/fom-serve/cache/1237.html

Die Farbangaben kannst du übrigens kürzen: #rrggbb -> #rgb (Werte werden verdoppelt)

Grüße,
 Roland

[Daniel Lamprecht]

Hallo Jens!

Was für einen Browser verwendest du denn? Ich habs jetzt mit Firefox 0.9 und dem IE 6 getestet, und es hat sofort geklappt.

Eventuell hast du das ganze falsch eingebunden?

Vielleicht hilfts auch wenn du das Ganze wie folgt änderst:

a:link {color:#069;text-decoration:none;}
a:visited {color:#069;text-decoration:none;}
a:active {color:#069;text-decoration:none;}
a:hover {color:#F90;text-decoration:underline;}

--> Die Strichpunkte am Ende solltest du schon machen, die Abkürzungen der Farbangaben sind kein Muss aber recht praktisch.

Grüße
Daniel

[Orlando]

Hi Daniel,

--> Die Strichpunkte am Ende solltest du schon machen

diese sind nur notwendig, wenn danach noch etwas folgt, am Ende jedoch nicht.

http://www.w3.org/TR/REC-CSS2/syndata.html#q8:

| A declaration-block (also called a {}-block in the following
| text) starts with a left curly brace ({) and ends with the
| matching right curly brace (}). In between there must be a
| list of zero or more semicolon-separated (;) declarations.

Das Semikolon ist also ein Trenner _zwischen_ Deklarationen.

Grüße,
 Roland