a:active

C

Cäptin Pommes

Erfahrenes Mitglied
Hallo,

folgendes Problem, und zwar habe ich diesen Code in meiner css datei

Code: 
div#navigation a:active
{
	background-color: #7fa727;
}

nur leider passiert nichts

das hier steht genau drüber und das t aber tadellos

Code: 
div#navigation a:hover
{
	background-color: #7fa727;
}

woran kann das liegen? Und vorallem was kann ich da tun?
 
Hi,

die Pseudoklasse :active besitzt ihre Gültigkeit nur bei gedrückter Maustaste. Wird diese wieder losgelassen, greift :active auch nicht mehr.

Vermutlich möchtest du in der Navigation den Link der aktuell geöffneten Seite hervorheben.

In diesem Fall schau dir mal Highlighting current page with CSS an.

mfg Maik
 
ja richtig genau das wollt ich machen

ich muss jedoch zugeben das ich die seite nich wirklich verstehe, ... das liegt wohl an meinen mangelnden Englisch

könnstest du vieleich mir das ma kurz erklärn?
 
Wirst du aus den überschaubaren Quellcode-Angaben nicht schlau?

Für jede deiner Seiten siehst du einen eigenen ID-Bezeichner vor, den du im <body>-Tag einträgst - für die Startseite beispielsweise:
HTML: 
<body id="home">
und für die Kontaktseite:
HTML: 
<body id="contact">


In der Navigation erhalten die Links ebenfalls einen ID-Bezeichner:
HTML: 
<ul>
    <li><a href="home.html" id="homenav">Home</a></li>
    <li><a href="contact.html" id="contactnav">Contact</a></li>
</ul>


Zu guter letzt folgt im CSS dieser Deklarationsblock mit Hilfe der Selektoren für Nachfahren:
CSS: 
body#home a#homenav,
body#contact a#contactnav {
background: #7fa727;
}

Fertig ist die Laube :)

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück