mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.04.2024 10:17 Benutzername: Passwort: Auto-Login

Thema: (HTML/CSS) Aktiver Menüpunkt fett - wie? vom 27.03.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> (HTML/CSS) Aktiver Menüpunkt fett - wie?
Seite: 1, 2  Weiter
Autor Nachricht
Doreen_M
Threadersteller

Dabei seit: 27.03.2014
Ort: -
Alter: 37
Geschlecht: Weiblich
Verfasst Do 27.03.2014 10:46
Titel

(HTML/CSS) Aktiver Menüpunkt fett - wie?

Antworten mit Zitat Zum Seitenanfang

Liebe Programmierer-Gemeinde,

ich verzweifle gleich. Au weia!

Ich habe eine Seite händisch via HTML und CSS programmiert. Man kann Sie von oben nach unten durchsrollen, das Menü bleibt links oben stehen - bzw wird bei Anklicken des entsprechenden Menüpunktes automatisch langsam bis zur entsprechenden Stelle der Seite gescrollt. Klappt alles perfekt.

Problem nur: Ich möchte, dass - je nachdem auf welcher Stelle der Seite ich mich gerade befinde - der entsprechende Menüpunkt fett angezeigt wird. Es will einfach nicht funktionieren. Funktioniert sowas überhaupt via CSS & HTML? Oder müsste man hier noch mit einer anderen Programmiersprache arbeiten?

Markup auf Wunsch entfernt.

Herzlichen Dank vorab!


Zuletzt bearbeitet von Eistee am Do 27.03.2014 14:38, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Morgo

Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht: Männlich
Verfasst Do 27.03.2014 11:21
Titel

Antworten mit Zitat Zum Seitenanfang

Sowas musst du selbstverständlich mit Javascript realisieren, da gibt es keine Lösung über CSS. Stichwort „Scrollspy”.

Btw: Ganz schönes Markup-Chaos. Und Versalien bekommt man auch mittels CSS-Eigenschaft text-transform. *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Doreen_M
Threadersteller

Dabei seit: 27.03.2014
Ort: -
Alter: 37
Geschlecht: Weiblich
Verfasst Do 27.03.2014 11:31
Titel

Antworten mit Zitat Zum Seitenanfang

Scrollspy war der Durchbruch, danke. Java hatte ich schon vermutet Lächel
  View user's profile Private Nachricht senden
buddha-brot

Dabei seit: 24.01.2006
Ort: Süd/Süd-West
Alter: -
Geschlecht: Männlich
Verfasst Do 27.03.2014 11:49
Titel

Antworten mit Zitat Zum Seitenanfang

Doreen_M hat geschrieben:
Java hatte ich schon vermutet Lächel

Javascript != Java Jo!
  View user's profile Private Nachricht senden
greenhorn1

Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 27.03.2014 14:38
Titel

Antworten mit Zitat Zum Seitenanfang

Mit CSS kannst Du das auch so realisieren ...

<a ... class="aktive" ...

a:active {font-weight:bold;}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Morgo

Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht: Männlich
Verfasst Do 27.03.2014 14:43
Titel

Antworten mit Zitat Zum Seitenanfang

greenhorn1 hat geschrieben:
Mit CSS kannst Du das auch so realisieren ...

<a ... class="aktive" ...

a:active {font-weight:bold;}


dafuq? Hmm...?!
  View user's profile Private Nachricht senden
greenhorn1

Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 27.03.2014 14:55
Titel

Antworten mit Zitat Zum Seitenanfang

Morgo hat geschrieben:
dafuq? Hmm...?!


Nö ... ganz simpel - funktioniert problemlos in jedem Browser ohne JS. *Whaazzzz uppp?*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Do 27.03.2014 15:31
Titel

Antworten mit Zitat Zum Seitenanfang

na klar. lol how do i internet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Aktiver Link
iFrame & aktiver Link Style
Adobe Spry – Random und Aktiver Eintrag
Flash aktiver Button und verkleinern = Probleme
Photoshop CS6 - autom. Pfadmarkierung bei aktiver Ebene
CSS - Menüpunkt aktivieren?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.