mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 10:47 Benutzername: Passwort: Auto-Login

Thema: a:active beibehalten vom 22.07.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> a:active beibehalten
Autor Nachricht
nagazi
Threadersteller

Dabei seit: 29.05.2012
Ort: Oberhausen
Alter: -
Geschlecht: Männlich
Verfasst So 22.07.2012 13:23
Titel

a:active beibehalten

 Antworten mit Zitat Zum Seitenanfang
Hallo MGi-Board,
ich habe auf meiner Seite eine Navigationsleiste wobei der Menüpunkt, welcher gehovert wird, farblich unterlegt wird.

Sobald dieser dann aktiv ist, also angeklickt wird, ist die farbliche Unterlegung weg.
Sowie ich a:active verstanden habe, muss der Menüpunkt aber die farbliche Unterlegung beibehalten.

Was kann ich tun damit dies auch so ist?

Hier mal mein CSS Code:

Code:

a.header_navi { color: #000000; text-decoration: none; font-size: 14px; }
a:visited.header_navi { text-decoration: none; }
a:active#nav1 { border-bottom: 2px solid #FFCC00; }
a:hover#nav1 { border-bottom: 2px solid #FFCC00;  }

MfG
  View user's profile Private Nachricht senden
Piki

Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst So 22.07.2012 13:53
Titel

Re: a:active beibehalten

 Antworten mit Zitat Zum Seitenanfang
nagazi hat geschrieben:
Sowie ich a:active verstanden habe, muss der Menüpunkt aber die farbliche Unterlegung beibehalten.

Was kann ich tun damit dies auch so ist?

Das Pseudo-Element „:active“ hast Du falsch verstanden. Dieses kennzeichnet lediglich den Zustand beim Drücken der Maus, weiter nichts – kannste auch weglassen.

Den Zustand des Menüpunktes auf der aktuellen Seite bestimmt man, indem dieser jeweils eine eigene Klasse enthält, der ein geeignetes Aussehen zugewiesen wird.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
nagazi
Threadersteller

Dabei seit: 29.05.2012
Ort: Oberhausen
Alter: -
Geschlecht: Männlich
Verfasst So 22.07.2012 13:57
Titel

Antworten mit Zitat Zum Seitenanfang
Kannst du das mit der eigenen Klasse vielleicht erläutern? Weil woher soll das Element wissen, das es grade der aktiven Klasse angehört?
  View user's profile Private Nachricht senden
Piki

Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst So 22.07.2012 14:08
Titel

Antworten mit Zitat Zum Seitenanfang
nagazi hat geschrieben:
Kannst du das mit der eigenen Klasse vielleicht erläutern? Weil woher soll das Element wissen, das es grade der aktiven Klasse angehört?

<a href="#" class="aktive_seite">Menüpunkt</a>

Wenn Du mit einer Liste arbeitest und der aktive Zustand nicht anklickbar sein soll, bekommt der List-Item die Klasse zugewiesen:
<li class="aktive_seite">Menüpunkt</li>
Ansonsten vielleicht noch so:
<li class="aktive_seite"><a href="#">Menüpunkt</a></li>

CSS:
.aktive_seite
{background-color: #123456; …}

Zuletzt bearbeitet von Piki am So 22.07.2012 14:10, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
nagazi
Threadersteller

Dabei seit: 29.05.2012
Ort: Oberhausen
Alter: -
Geschlecht: Männlich
Verfasst So 22.07.2012 15:27
Titel

Antworten mit Zitat Zum Seitenanfang
Aber dann muss ja jeweils immer der Code dafür geändert werden.
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht: Männlich
Verfasst So 22.07.2012 16:02
Titel

Antworten mit Zitat Zum Seitenanfang
nagazi hat geschrieben:
Aber dann muss ja jeweils immer der Code dafür geändert werden.


tja, isnumaso. auch hier gewinnt, wer a) das rad nicht neu erfindet, sondern ein passendes CMS nutzt oder b) sich den umgang mit serverseitigen skriptsprachen aneignet.
eine übliche bezichnung der klasse wäre im übrigen ".active", aber es darf durchaus jeder sein denglisch süppchen kochen.
  View user's profile Private Nachricht senden
greenhorn1

Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
Verfasst So 22.07.2012 16:58
Titel

Antworten mit Zitat Zum Seitenanfang
nagazi hat geschrieben:
Aber dann muss ja jeweils immer der Code dafür geändert werden.


Ja, aber das ist doch kein Problem... dauert doch nur ein paar Minuten - vorausgesetzt Du hast keine 100 Seiten. * Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen active Nav
Active X
a:active auf Tablets?
css->active Link?
active button...
[css]bildwechsel mit hover und active
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB