Link-Formatierung 'active' bei Klick auf die Seite deaktivie

corboniari · #1 (**permalink**) 27.01.2004, 18:49

Hallo,

habe folgendes Problem:
Habe für alle Zustände (link, visited, hover, active) unterschiedliche Formate in einem ...css-sheet definiert.

Alles kein Problem bis auf die Tatsache, dass das active-Format des Links zurückgesetzt wird, sobald auf die über diesen Link aufgerufene Seite geklickt wird. Wünsche das Format zu erhalten, solange sich der User
auf der 'aktiven' Seite aufhält.

Habe im web unterschiedliche Seiten sowohl mit diesem Effekt als auch
Seiten gefunden, bei denen die Formatierung stabil (im gewünschten
Sinne) ist. Lässt sich dies ohne Script erreichen?

Dank im voraus für alle nützlichen Tipps und Tricks.

Gunthahari Corboniari

Flocke · #2 (**permalink**) 27.01.2004, 23:09

Ich hab diesen Effekt auch schon gehabt und mich geärgert. ich halte deshalb ncihts von a:active. Ich löse mir das Problem immer anderes, je nachdem, ob ich mit Dreamweaver-Templates arbeite oder nicht.
1. Idee: Jede Seite bekommt eine body-ID. Im Stylesheet stylst Du dann den Link in Abhängigkeit von der body-ID. Bsp.:

Code:

 <body id="kontakt">

Code:

#kontakt a.schnullibulli {color: #f00;}

2. Idee: Anstatt in den Body-Tag, in den ich bislang per DW noch keine Variablen habe schreiben können, schreibe ich die Definition in den Head und style somit parallel zum verlinkten Stylesheet. Hier müßte dann nur stehen:

Code:

a.schnullibulli {color: #f00;}

Kommt das Deinen Wünschen nahe ?

ulle · #3 (**permalink**) 28.01.2004, 08:48

Zitat:

habe folgendes Problem:
Habe für alle Zustände (link, visited, hover, active) unterschiedliche Formate in einem ...css-sheet definiert.

PSEUDO-Element [active] bedeutet nicht das die momentane Site den LINK mit der eigenen URL (~self) als aktiv kennzeichnet.

um die Liste der Pseudo-Elemente zu komplettieren:

:link :visited : focus :hover :active

Wobei die Reihenfolge auch entscheidend sein kann (IE5).

:active wird vom IE als TABS-active bewertet

Sowie :focus im Mozilla

Code:

    a, a:link, a.on, a.on:link { 
		color:#990000; 
		background-color:#009966;
		font-size: 0.7em; 
		text-decoration: underline;
	}
    a:visited { 
		color:#990000; 
		background-color:#0099FF 
	}
    a:focus, a:hover, a:active, a.on, a.on:link { 
		color:#FF0000; 
		background-color:#000000;
		text-decoration: none; 
	}

Jetzt mußt Du nur noch auf der Site die gerade Online ist den LINK in der Navigation mit der [class="on"] ausgeben.

So wie Du jetzt siehst geht das nur dynamisch, also mit PHP, ASP ... usw.

corboniari · #4 (**permalink**) 31.01.2004, 13:47

Herzlichen Dank an Jens und Ulle für die Tipps.
Werde beide vorgeschlagenen codes alternativ einbauen, um zu testen, was bei meiner side meiner Vorstellung am nächsten kommt.
Dank nochmals
Gunthahari

Steakfred · #5 (**permalink**) 24.05.2006, 19:38

Hab hier mal ein altes Thema herausgekramt...

Ich suche da auch nach einer Lösung, wie man das Ideal lösen kann.
Hättet ihr vielleicht einen Vorschlag, wie man das mit PHP lösen könnte?

Flocke · #6 (**permalink**) 25.05.2006, 11:22

Mit PHP ist die Sache doch ganz simpel. Du mußt nur eine Variable per echo oder print in den Body-Tag schreiben. Und dann CSS-seitig verfahren, wie ich oben vorschlug (damals, vor Jahren).

Steakfred · #7 (**permalink**) 25.05.2006, 14:18

Könntest du mir bitte trotzdem ein Beispiel posten. Ich bin mir da nicht so sicher.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Drop Down Menu Problem	arosarius	CSS	6	02.05.2012 18:29
active link ist nicht active...	kupo	CSS	4	07.04.2012 22:24
CSS Navigationsproblem	thesecretboy	CSS	0	12.04.2007 08:12
Link um Seite zu drucken	Philippp	Offtopic	16	01.02.2005 21:15
Seite "halbiert" nach Klick auf Link - CSS Bug?	Nina	CSS	1	14.01.2004 14:20