angeklickter Link bleibt in anderer Farbe?

[Sahnehäubchen]

Hallo,
kann mir jemand einen Tipp geben?
Bei Selfhtml und diversen Suchversuchen habe ich bisher nichts gefunden.
Wie kann ich die Navigation so gestalten, dass wenn man sich auf einer Seite befindet, mit der Maus aber nicht mehr auf dem Link ist, dass dieser trotzdem farbig so markiert ist, dass der Betrachter sieht, auf welcher Seite er aktuell ist? Derzeit hab ich es so, dass man normale Schrift sieht, die sich beim Drüberfahren mit der Maus in einen Button verwandelt, den man anklicken kann. Da die Maus aber i.d.R. nicht auf dem Button verbleibt, sieht man nur wieder die Schrift und es ist nicht erkennbar, auf welcher Seite man sich befindet. Deshalb soll der Link so lange farbig bleiben, wie man auf der Seite verweilt.
Würde mich über einen Tipp freuen, besonders wenns ohne Javascript geht ;-))
Danke Sahnehäubchen

 

[mwxx]

Du definierst mit den Styles, die beim Mouseover wirken (Buttonstyles) eine eigene CSS-Klasse, die Du z.B. "active" oder "selected" oder so nennst und weist diese Klasse dem Link zu, der auf der gerade aktuellen Seite eben jener aktiv ist.
(Dies ist natürlich auf jeder Seite ein anderer...)

 

[gmartino27]

Hallo

Lies mal hier:
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

Und hier:
http://www.w3schools.com/css/css_link.asp

Du musst die Links mit a:active definieren...

 

[Pixelverwender]

Du musst die Links mit a:active definieren...

Das löst das Problem nicht, denn active definiert nur die Formatierung, so lang die Maus den Link geklickt hat.
mwxx hat schon ganz recht mit seiner Zuordnung.
@TE: Du kannst das nicht automatisieren, sondern musst auf der jeweils aktuellen Seite dem Link in der Navi eine entsprechende class zuweisen, z.B.:

.aktiverlink {
color: #cc0000;
background-color: #ffffff;
text-decoration:underline;
}

im CSS

und im HTML:

<a class="aktiverlink" href="aktiveseite.html">aktiveseite.html</a>

Wobei ich persönlich a href weglassen würde, da eine Verlinkung der aktiven Seite auf sich selbst nicht wirklich Sinn macht.

 

[Sahnehäubchen]

KLASSE !!!!!!!!!!!!!!
Ich danke Euch ganz herzlich, vorallem Dir Pixelverwender für die ausführliche Anleitung.
Genau das hab ich gesucht und nun hab ich anstatt andersfarbiger Schrift sogar den gleichen Button wie beim Drüberfahren nur in einem anderen Farbton, der dann solange bleibt, bis auf einen anderen Link geklickt wird!
SUPI!
LG Sahnehäubchen

 

[dn3d_fanboy]

Die Frage beschäftigte mich auch schon seit längerem. Danke, dass das mal verständlich erklärt wurde.

Jetzt habe ich aber eine Frage hierzu, die ein wenig offtopic ist: Wie schaffe ich das beispielsweise bei einer WordPress-Seite? Gibt es da einen Workaround?

Ich habe nämlich bei WP-Seiten gesehen, dass die aktuelle Seite, bzw. deren Link im Menü anders dargestellt wird. Nur komme ich nicht dahinter, wie das funktionieren soll.

 

[Myhar]

So wie oben beschrieben. Aktive Links bekommen eine zusätzliche Klasse.

 

[dn3d_fanboy]

So wie oben beschrieben. Aktive Links bekommen eine zusätzliche Klasse.

Ich stehe gerade etwas auf dem Schlauch, geht das über einen PHP-Code oder muss ich da für jede statische Seite ein eigenes Menü anlegen.
Das würde es für Laien quasi unmöglich machen, so etwas zu realisieren.

 

[Myhar]

Natürlich geht das per PHP. Du prüfst, ob ein Link aktiv ist und wenn ja, dann gibst du class="active" aus.

 

[afr0kalypse]

Soweit ich weiß, nutzt Wordpress 2 vorgegebene Klassen:
current-menu-item und current-menu-parent.
Hier noch ein Cheat Sheet über die wichtigsten Wordpress CSS Klassen:
http://www.wpbeginner.com/wp-themes/default-wordpress-generated-css-cheat-sheet-for-beginners/

 

[dn3d_fanboy]

Soweit ich weiß, nutzt Wordpress 2 vorgegebene Klassen:
current-menu-item und current-menu-parent.
Hier noch ein Cheat Sheet über die wichtigsten Wordpress CSS Klassen:
http://www.wpbeginner.com/wp-themes/default-wordpress-generated-css-cheat-sheet-for-beginners/

Stimmt, das habe ich ja vollkommen vergessen. :-D

Danke für den Link.