hyperlinks

[Peter]

Hallo zusammen,

ich bastel gerade an einer Site in der ich alle Formatierungen per CSS-Datei anlegen möchte. Leider klappt das mit den Farben nicht und es tut sich nicht das was ich gern hätte. Der fomatierte Link soll standartmäßig die Farbe "green" in Fettschrift haben und wenn man mit der Maus drüber fährt soll noch ein "underline" hinzukommen. Meine erstellten Formatierungen in der CSS-Datei sehen so aus nachdem ich <link rel="stylesheet" href="www.xxx.de/v3/format.css" type="text/css"> in den HEAD des Quelltextes eingebaut habe!:

a:link {color:black; text-decoration:none;; font-weight:bold}
a:visited {color:black; text-decoration:none}
a:active {color:black; text-decoration:none}
a:hover {color:green; text-decoration:underline}

• Muss ich bei der Linksetzung im Quelltext was diesbezüglich beachten?

Gruß, Peter

[Martini]

Hi,

a:link {color:black; text-decoration:none;; font-weight:bold}

das korregieren einmal semikolon zuviel.

Matini

[Peter]

Hi,

a:link {color:black; text-decoration:none;; font-weight:bold}
das korregieren einmal semikolon zuviel.

Ooops, ist korrigiert aber leider klappts immer noch nicht :-(

Matini

[Martini]

Ooops, ist korrigiert aber leider klappts immer noch nicht :-(

Hast du auch einen ordentlichen Refresh gemacht, bzw der sicherste
Weg wäre das Stylesheet unter neuem Namen mal kurz zu speichern und einzubinden, damit es nicht aus dem Browsercache kommt?

Martini

[Gunther]

Hallo,

Der fomatierte Link soll standartmäßig die Farbe "green" in Fettschrift haben
a:link {color:black; text-decoration:none; font-weight:bold;}

Color?

und wenn man mit der Maus drüber fährt soll noch ein "underline" hinzukommen. Meine erstellten Formatierungen in der CSS-Datei sehen so aus nachdem ich <link rel="stylesheet" href="www.xxx.de/v3/format.css" type="text/css"> in den HEAD des Quelltextes eingebaut habe!:

a:link {color:black; text-decoration:none;; font-weight:bold}
a:visited {color:black; text-decoration:none}
a:hover {color:green; text-decoration:underline}
a:active {color:black; text-decoration:none}

Kleine Eselsbrücke für die Reihenfolge: "LoVe & HAte"
Also: link, visited, (focus), hover, active

Gruß Gunther

[Martini]

a:link {color:black; text-decoration:none; font-weight:bold;}
Color?

Was meinst du damit?

Kleine Eselsbrücke für die Reihenfolge: "LoVe & HAte"
Also: link, visited, (focus), hover, active

»»

Aha, wusste ich auch noch nicht. Bei den meissten Linkangaben im Netz sieht man das in der Art:

a:link,a:visited,a:active{color:black; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}

Martini

[Gunther]

a:link {color:black; text-decoration:none; font-weight:bold;}
Color?

Was meinst du damit?

Peter hat geschrieben, dass der Standard-Link "grün" und "fett" sein soll. Angegeben hat er aber "black", also schwarz.

Kleine Eselsbrücke für die Reihenfolge: "LoVe & HAte"
Also: link, visited, (focus), hover, active
»»

Aha, wusste ich auch noch nicht. Bei den meissten Linkangaben im Netz sieht man das in der Art:

a:link,a:visited,a:active{color:black; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}

Dann kommt die gewünschte Formatierung für 'active' nie zur Anzeige, da sie immer von der nachfolgenden hover-Anweisung überschrieben wird, da ein Active-Link ja gleichzeitig auch immer gehovert ist. Deshalb ist bei Links die Reihenfolge der CSS-Anweisungen von Bedeutung.

Gruß Gunther

[Martini]

Hallo Gunther

Was meinst du damit?

Peter hat geschrieben, dass der Standard-Link "grün" und "fett" sein soll. Angegeben hat er aber "black", also schwarz.

Autsch, Wald vor Bäumen, du bist ja noch hellwach ;-)

a:link,a:visited,a:active{color:black; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}

Dann kommt die gewünschte Formatierung für 'active' nie zur Anzeige, da sie immer von der nachfolgenden hover-Anweisung überschrieben wird, da ein Active-Link ja gleichzeitig auch immer gehovert ist. Deshalb ist bei Links die Reihenfolge der CSS-Anweisungen von Bedeutung.

Doch kommt sie, probiere es mal aus.
Hover ist ja vergleichbar mit onmouseover während active eher mit
onmousedown vergleichbar ist.

Martini

[Gunther]

Hallo,

a:link,a:visited,a:active{color:black; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}

Dann kommt die gewünschte Formatierung für 'active' nie zur Anzeige, da sie immer von der nachfolgenden hover-Anweisung überschrieben wird, da ein Active-Link ja gleichzeitig auch immer gehovert ist. Deshalb ist bei Links die Reihenfolge der CSS-Anweisungen von Bedeutung.

Doch kommt sie, probiere es mal aus.

Hab' ich - kommt sie nicht ;).

Hover ist ja vergleichbar mit onmouseover während active eher mit
onmousedown vergleichbar ist.

Und wie willst du für ein Element ein onmousedown-Event erreichen,_ohne_dabei auch ein onmouseover-Event auszulösen?

Da beide Anweisungen dieselbe Spezifität haben, erhält immer die letzte Anweisung den Vorrang.

Gruß Gunther

[Martini]

Gunther jetzt will ich  es mal genau wissen.

Also in den meissten Fällen soll der Hovereffekt doch immer gleich aussehen, denke ich. Bei deinem Beispiel mit active als letztem verändert sich diese Hovereigenschaft. Aber vielleicht verstehe ich dich auch falsch und das Verhalten ist so von dir bevorzugt.

Beispiel:
<html>
<head>
<title>linktest</title>
<style type="text/css">
<!--
a:link,a:visited,a:active{color:black; text-decoration:none;}
a:active{color:#DF00FF;}
a:hover{color:red; text-decoration:underline;}

-->
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" >
<a href="#">Test</a>
</body>
</html>

1. Besuch Link ist schwarz.
Mouseover/hover ist rot.
Klick also active passiert gar nichts, aber beim verlassen wird der Link lila.
Erneutes hover wieder rot
Erneutes Verlassen wieder auch ohne klick = lila.

Dieses Verhalten ist auch so von mir gewünscht.

Jetzt deine Variante:

a:link,a:visited,a:active{color:black; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}
a:active{color:#DF00FF;}

Ok stimmt, dass jetzt beim Mousedown/active der Link Lila wird,
aber leider auch bleibt, selbst wenn ich darüber gehe also hover das Ganze rot machen sollte.

Wat is denn nu gewollt bzw. Welches Verhalten wird bevorzugt?

Martini

[Der Martin]

Moin,

Jetzt deine Variante:

a:link,a:visited,a:active{color:black; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}
a:active{color:#DF00FF;}

Ok stimmt, dass jetzt beim Mousedown/active der Link Lila wird,
aber leider auch bleibt, selbst wenn ich darüber gehe also hover das Ganze rot machen sollte.

dann sitzt du anscheinend an einem Internet Explorer, der :active bekanntlich falsch umsetzt - nämlich eher so, wie :focus funktionieren sollte. Im IE behält ein angeklickter Link auch nach dem Loslassen der Maustaste seinen :active-Status. Das ist falsch.

So long,
 Martin

[MudGuard]

Hi,

a:link,a:visited,a:active{color:black; text-decoration:none;}
a:active{color:#DF00FF;}
a:hover{color:red; text-decoration:underline;}

1. Besuch Link ist schwarz.
   Mouseover/hover ist rot.
   Klick also active passiert gar nichts, aber beim verlassen wird der Link lila.

Du verwendest IE - daß der :active falsch interpretiert (so wie :focus definiert ist), ist bekannt.

Erneutes hover wieder rot
Erneutes Verlassen wieder auch ohne klick = lila.

Du verwendest immer noch IE ...

a:link,a:visited,a:active{color:black; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}
a:active{color:#DF00FF;}

Ok stimmt, dass jetzt beim Mousedown/active der Link Lila wird,
aber leider auch bleibt, selbst wenn ich darüber gehe also hover das Ganze rot machen sollte.

Du testest immer noch in einem Browser, der :active vollkommen falsch interpretiert.

Wat is denn nu gewollt bzw. Welches Verhalten wird bevorzugt?

Das im CSS-Standard definierte.

cu,
Andreas

[Martini]

Hallo,

Du testest immer noch in einem Browser, der :active vollkommen falsch interpretiert.

Aha, den Bug kannte ich nicht.

Wat is denn nu gewollt bzw. Welches Verhalten wird bevorzugt?

Das im CSS-Standard definierte.

Womit ja dann der IE Probleme hat. Na da bleibe ich doch lieber bei der altbekannten Verfahrensweise, schliesslich nutzt immer noch die Mehrheit IE. Oder eine Browserweiche.

Martini

[at]

Hallo.

Wat is denn nu gewollt bzw. Welches Verhalten wird bevorzugt?
Das im CSS-Standard definierte.
Womit ja dann der IE Probleme hat.

Eigentlich nicht. Nur das Ergebnis gefällt dir nicht.

Na da bleibe ich doch lieber bei der altbekannten Verfahrensweise, schliesslich nutzt immer noch die Mehrheit IE.

Du kannst ja machen, was du möchtest. Eine Hilfestellung für den Fragesteller sieht aber anders aus.
MfG, at