tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
417
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 09.04.10 15:49 #1
    Cäptin Pommes Cäptin Pommes ist offline Mitglied Gold
    Registriert seit
    Oct 2009
    Beiträge
    123
    Hallo,

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

    Code :
    1
2
3
4

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

    nur leider passiert nichts

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

    Code :
    1
2
3
4

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

    woran kann das liegen? Und vorallem was kann ich da tun?
     
    Zitieren Zitieren
  2. 09.04.10 15:51 #2
    Maik Tutorials.de Gastzugang
    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
     
    Zitieren Zitieren
  3. 09.04.10 16:12 #3
    Cäptin Pommes Cäptin Pommes ist offline Mitglied Gold
    Registriert seit
    Oct 2009
    Beiträge
    123
    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?
     
    Zitieren Zitieren
  4. 09.04.10 16:20 #4
    Maik Tutorials.de Gastzugang
    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-Code:
    <body id="home">
    und für die Kontaktseite:
    HTML-Code:
    <body id="contact">

    In der Navigation erhalten die Links ebenfalls einen ID-Bezeichner:
    HTML-Code:
    <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:
    Code css:
    1
2
3
4

    body#home a#homenav,
body#contact a#contactnav {
background: #7fa727;
}

    Fertig ist die Laube

    mfg Maik
     
    Zitieren Zitieren
« Externes Stylesheet funktioniert nicht | "Halbflexibles" Layout »

Ähnliche Themen

  1. Active Tab name
    Von myD00M im Forum Java
    Antworten: 0
    Letzter Beitrag: 01.06.10, 09:55
  2. a:active ?
    Von whiterussian im Forum CSS
    Antworten: 4
    Letzter Beitrag: 10.12.07, 23:16
  3. [AJAX] Daten verarbeiten bei Checkbox "active" und "nicht active"?!
    Von ev0lst im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 10.09.07, 23:14
  4. C# und active X Elemente?
    Von Java/CppProgrammer im Forum .NET Archiv
    Antworten: 1
    Letzter Beitrag: 15.11.04, 11:24