wie markiert man "aktiven" Link?

Druckbare Version

13.04.2006, 21:59
ismi

wie markiert man "aktiven" Link?

hallo,
nun, ich bin am gestalten einer neuen Website. ( http://ismi.is.funpic.de/4mi/ )
nun will ich, dass wenn ich auf einen Menü-Punkt klicke, dass der z.B. leuchtet, solange ich auf dieser Menüseite surfe. (also bis ich auf einen anderen Navi. punkt klicke..)
ich hoffe, das ist soweit verständlich! ;)
also, wie kann ich das verwirklichen?

dann hab ich noch nebenbei ne Frage:
unter dem Navi. Punkt Links, ist eine Tabelle. zwischen den verschiedenen Kategorien sind gepunktete Linien. Wie mache ich die??? ist das einfach der obere Tabellenrand? (dieser code teil ist nicht von mir... ;))

und fielleicht kann mir noch jemand sagen, wie ich meinen code übersichtlicher gestalten könnte...

gruss ismi
13.04.2006, 22:13
Manni

Zitat:

Zitat von ismi

hallo,
nun, ich bin am gestalten einer neuen Website. ( http://ismi.is.funpi.de/4mi/ )
nun will ich, dass wenn ich auf einen Menü-Punkt klicke, dass der z.B. leuchtet, solange ich auf dieser Menüseite surfe. (also bis ich auf einen anderen Navi. punkt klicke..)
ich hoffe, das ist soweit verständlich! ;)
also, wie kann ich das verwirklichen?

Ich nehmen mal an du meinst funpic.de. Du schreibst einfach per PHP bei dem aktiven Link eine andere Klasse rein.

Zitat:

Zitat von ismi

dann hab ich noch nebenbei ne Frage:
unter dem Navi. Punkt Links, ist eine Tabelle. zwischen den verschiedenen Kategorien sind gepunktete Linien. Wie mache ich die??? ist das einfach der obere Tabellenrand? (dieser code teil ist nicht von mir... ;))

HTML-Code:

<span style="border-bottom: 1px dotted white;">Bla</span>
14.04.2006, 10:27
Maisaffe

Zitat:

Zitat von Manni

Ich nehmen mal an du meinst funpic.de. Du schreibst einfach per PHP bei dem aktiven Link eine andere Klasse rein.

HTML-Code:

<span style="border-bottom: 1px dotted white;">Bla</span>

Geht das nicht auch mit a:active?
a:active{color:red}
Das müsste doch wenn Seite hallo.html angezeigt wird den Link hallo.html in Rot dann anzeigen oder nicht? Ich habs noch nie probiert, ist auch nur eine Idee - wie weit machbar das ist weiß ich somit leider nicht. ;)
14.04.2006, 10:46
Dingsi

Zitat:

Zitat von dennis_meckel

Geht das nicht auch mit a:active?
a:active{color:red}
Das müsste doch wenn Seite hallo.html angezeigt wird den Link hallo.html in Rot dann anzeigen oder nicht? Ich habs noch nie probiert, ist auch nur eine Idee - wie weit machbar das ist weiß ich somit leider nicht. ;)

Nein, :active ist was anderes. Das greift nur in dem Moment des Anklickens.
14.04.2006, 12:02
Manni

Zitat:

Zitat von dennis_meckel

Geht das nicht auch mit a:active?
a:active{color:red}
Das müsste doch wenn Seite hallo.html angezeigt wird den Link hallo.html in Rot dann anzeigen oder nicht? Ich habs noch nie probiert, ist auch nur eine Idee - wie weit machbar das ist weiß ich somit leider nicht. ;)

Du meinst evtl :focus. Das bringt aber nichts, wenn man beim Klick auf den Link weitergeleitet wird (es bringt nur bei Frames und Javascript-Links was)
14.04.2006, 16:53
NPC Fighter

Zitat:

Zitat von Manni

Du meinst evtl :focus. Das bringt aber nichts, wenn man beim Klick auf den Link weitergeleitet wird (es bringt nur bei Frames und Javascript-Links was)

Desweiteren wird dieses Pseudoelement weder vom IE 6 noch von Version 7 unterstützt. Großes Defizit, imo.
15.04.2006, 16:16
Jesus_666

Zitat:

Zitat von NPC Fighter

Desweiteren wird dieses Pseudoelement weder vom IE 6 noch von Version 7 unterstützt. Großes Defizit, imo.

Das gilt insgesamt für die CSS-Unterstützung von IE7...

Ich denke auch, daß der einfachste Weg darüber geht, dem Link eine andere Klasse zuzuweisen. Allles andere führt zu unschönen Hacks. Ich würde es aber so machen:

HTML-Code:

<a href="">Link zu anderer Seite</a> <a href="">Link zu anderer Seite</a> <a href="" class="current_link">Link zu dieser Seite</a> <a href="">Link zu anderer Seite</a> <a href="">Link zu anderer Seite</a>

Den Rest kann man per CSS erledigen.