Linkfarbe bei klick ändern?

[Aaron Kessler]

Hallo,
ich habe ein Navigationsframe und möchte, das die Linkfarbe sich beim klicken ändert, und wenn ich dann einen anderen Link anklicke soll der Link wieder seine Orginalfarbe bekommen und der neu geklickte Link soll die Farbe ändern.
So soll dem User gezeigt werden wo er sich grade befindet.
Geht das mit CSS, oder muss ich da auf Javascript zurückgreifen?

[Fabian Transchel]

Hi

ich habe ein Navigationsframe und möchte, das die Linkfarbe sich beim klicken ändert, und wenn ich dann einen anderen Link anklicke soll der Link wieder seine Orginalfarbe bekommen und der neu geklickte Link soll die Farbe ändern.
So soll dem User gezeigt werden wo er sich grade befindet.
Geht das mit CSS, oder muss ich da auf Javascript zurückgreifen?

Du suchst Link-Pseudoformate.

Grüße aus Barsinghausen,
Fabian

[Aleksej V.]

Hallo,

Da hättest du einfach in Selfhtml suchen sollen, in der FAQ stehts glaub ich auch:
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

Grüße aus Düsseldorf,

Aleksej

[Aaron Kessler]

Hallo,

Da hättest du einfach in Selfhtml suchen sollen, in der FAQ stehts glaub ich auch:
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

Grüße aus Düsseldorf,

Aleksej

Sorry, ich glaube nicht das wir das selbe meinen, die Naviagation soll praktisch so funktionieren wie z.B. auf http://www.zonelog.co.uk , mit dem unterschied das meine Version in einem Frame untergebracht ist. Momentan löse ich das mit JavaScript (2 Frames gleichzeitig laden). Das finde ich aber nicht ideal, da User ohne Javascript drausen bleiben müssen.

[Ferdinand W.]

Hi,

wisso von zwei verschiedenen sachen, mein menü funktioniert auch so, schau es dir mal an:

http://ferbyfun.com

[Fabian Transchel]

Hi

wisso von zwei verschiedenen sachen, mein menü funktioniert auch so, schau es dir mal an:

Wie meinst du das? Ich sehe nur den normalen Link, und den Hover-Effekt. Was passiert sonst noch?

Grüße aus Barsinghausen,
Fabian

[Ferdinand W.]

ich komm jetzt auch nicht mehr mit, was willst du eigendlich?

die effekte sind ja genauso wie in meinen menü (oder?), außer das bei es bei mir noch unterstrichen wir.

Oder hab ich da was falsch verstanden?

[Fabian Transchel]

Hi

ich komm jetzt auch nicht mehr mit, was willst du eigendlich?

Dem armen Fragenden die Antwort geben?

die effekte sind ja genauso wie in meinen menü (oder?), außer das bei es bei mir noch unterstrichen wir.

Das wollte er aber doch garnicht.

Oder hab ich da was falsch verstanden?

Offenbar haben wir beide etwas falsch verstanden.

Grüße aus Barsinghausen,
Fabian

[Steve]

Hi,

wenn man im Hauptframe einen Link anklickt
http://ferbyfun.com

wisso von zwei verschiedenen sachen, mein menü funktioniert auch so, schau es dir mal an:

http://ferbyfun.com

[Steve]

Hi,

sorry da ist mir ein Fehler passiert.
Nun die ganze Nachricht...

Wenn man im Hauptframe einen Link anklickt, dann verschwindet die Unterstreichung im Menü.
http://ferbyfun.com
Damit dieser erhalten bleibt, muss man wohl mit Java-Skript arbeiten. Oder gibt's da mit CSS-Abhilfe? Unterklassen zu definieren, bringt ja auch nichts.

Bye,
Steve

wisso von zwei verschiedenen sachen, mein menü funktioniert auch so, schau es dir mal an:

http://ferbyfun.com

[Ferdinand W.]

ganze Nachricht...

Wenn man im Hauptframe einen Link anklickt, dann verschwindet die Unterstreichung im Menü.
http://ferbyfun.com

so schauts in meiner css datei aus:

a:link { text-decoration:none; }
a:visited { text-decoration:none; color:#0000FF}
a:hover { text-decoration:underline; }
a:active { color:#FF0000 }

wenn du willst das der link unterstrichen bleibt dann gibt stadt

a:active { color:#FF0000 }

das ein:

a:active { text-decoration:underline; color:#FF0000 }

ist doch eh ganz einfach!

[Fabian Transchel]

Hi

wenn du willst das der link unterstrichen bleibt dann gibt stadt

a:active { color:#FF0000 }

das ein:

a:active { text-decoration:underline; color:#FF0000 }

Das ist nicht die gesuchte Notation. Er möchte :focus verwenden.

ist doch eh ganz einfach!

Danke, diese Bemerkung hat mir noch gefehlt.

Grüße aus Barsinghausen,
Fabian

[Steve]

Hi Fabian,

kannst du mir bitte erklären, ob es mit "reinem" CSS möglich ist, das Layout einen Links mit a:active zu setzen und dieses nur verändert wird, wenn im selben (!) Menü ein anderer Link ausgewählt wird.

Bis jetzt mache ich dies mit Java-Skript und weise bei OnClick den Links über die ID die neuen Werte zu.

Bye,
Steve

Das ist nicht die gesuchte Notation. Er möchte :focus verwenden.

ist doch eh ganz einfach!

[Aaron Kessler]

Bis jetzt mache ich dies mit Java-Skript und weise bei OnClick den Links über die ID die neuen Werte zu.

Kannst Du mir das JavaScript mal aufschreiben? Ich bin da nämlich nicht so der Crack.

[Steve]

Hi Ferdinand,

ich muss dich berichtigen. In deiner Datei style2.css steht schon folgendes

A:link {FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}
A:visited {FONT-WEIGHT: bold; COLOR: #000080; TEXT-DECORATION: none}
A:hover {FONT-WEIGHT: bold; COLOR: #e00000; TEXT-DECORATION: none}
A:active {FONT-WEIGHT: bold; COLOR: #e00000; TEXT-DECORATION: underline}
A:unknown {FONT-WEIGHT: bold; COLOR: #00e000; TEXT-DECORATION: underline}

Wenn ich nun aus dem linken Menü FUN auswähle, dann ist der Link unterstrichen. Aber wenn man in der FUN Seite etwas auswählt, dann ist der Menülink nicht mehr unterstrichen, da nun ein anderer Link im Hauptframe aktiv ist.
Das der Link im Menü unterstrichen bleibt, ist doch nur mit Java-Skript machbar oder nicht?

Bye,
Steve

so schauts in meiner css datei aus:

a:link { text-decoration:none; }
a:visited { text-decoration:none; color:#0000FF}
a:hover { text-decoration:underline; }
a:active { color:#FF0000 }

[Ferdinand W.]

achso ich dachte du meinst was anderes, tut mir leid meine antowrten waren dadurch falsch...