Autor |
Nachricht |
nagazi
Threadersteller
Dabei seit: 29.05.2012
Ort: Oberhausen
Alter: -
Geschlecht:
|
Verfasst So 22.07.2012 13:23
Titel a:active beibehalten |
|
|
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
|
|
|
|
|
Piki
Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 22.07.2012 13:53
Titel Re: a:active beibehalten |
|
|
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.
|
|
|
|
|
Anzeige
|
|
|
nagazi
Threadersteller
Dabei seit: 29.05.2012
Ort: Oberhausen
Alter: -
Geschlecht:
|
Verfasst So 22.07.2012 13:57
Titel
|
|
|
Kannst du das mit der eigenen Klasse vielleicht erläutern? Weil woher soll das Element wissen, das es grade der aktiven Klasse angehört?
|
|
|
|
|
Piki
Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 22.07.2012 14:08
Titel
|
|
|
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
|
|
|
|
|
nagazi
Threadersteller
Dabei seit: 29.05.2012
Ort: Oberhausen
Alter: -
Geschlecht:
|
Verfasst So 22.07.2012 15:27
Titel
|
|
|
Aber dann muss ja jeweils immer der Code dafür geändert werden.
|
|
|
|
|
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht:
|
Verfasst So 22.07.2012 16:02
Titel
|
|
|
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.
|
|
|
|
|
greenhorn1
Dabei seit: 25.04.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 22.07.2012 16:58
Titel
|
|
|
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.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Active X
active Nav
a:active auf Tablets?
css->active Link?
active button...
Wie Active link eintragen?
|
|