tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
291
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Avatar von dsNDesign
    dsNDesign dsNDesign ist offline Mitglied Gold
    Registriert seit
    Dec 2008
    Beiträge
    160
    Hi,
    eigentlich ist es ja kein Problem, aber ich weiß gerade echt nicht, warum das nicht funktionieren will.

    Ich habe in meiner css Datei folgende Klasse stehen:
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    
    .footer {
        color:#919191;
        margin-left:650px;
    }
    .footer:hover {
        color:#00a2ff;
        margin-left:650px;
    }
    .footer:link{
        color:#919191;
        margin-left:650px;
    }
    .footer:visited {
        color:#919191;
        margin-left:650px;
    }
    .footer:active {
        color:#919191;
        margin-left:650px;
    }

    Dann habe ich eine foot.php:
    PHP-Code:
    <?php 
    echo '<a class="footer" href="impressum.php?referenz='.$referenz.'">Impressum</a>';
    ?>
    und die foot.php wird in die index.php über:
    PHP-Code:
    <?php include_once("foot.php"?>
    includet.

    Die style.css wird auch richtig in die index.php angefügt. Die anderen Klassen, die ich in der index.php verwende gehen ja alle auch. Normalerweise ist meine Standartschriftfarbe weiß. Und der Link "Impressum" wird in einem grau angezeigt, was ja auch so sein soll (color:#919191). Das einzige Problem ist, dass der hover mit der blauen Farbe (color:#00a2ff) nicht funktionieren will. Irgendwo muss ein Fehler sein, den ich leider nicht finde.
    Ich habe den Link auch schon direkt in die index.php eigetragen. Daran liegt es also nicht.

    Hat jemand einen Tip für mich?

    Grüße

    EDIT: Ich habe gerade mal zum testen beim .footer:hover noch ein text-decoration:underline; hinzugefügt. Der Text wird beim hover dann auch unterstrichen. Nur die Farbe will nicht funktionieren.
    Geändert von dsNDesign (26.01.09 um 11:27 Uhr)
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    du hast schlichtweg die Pseudoklassen für Verweise in der falschen Reihenfolge genannt, was zu dem :hover-Problem führt.

    Außerdem lassen sich hier die Pseudoklassen :link und :visited mit dem Klassen-Selektor .footer gruppieren.

    Code css:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    
    .footer, .footer:link, .footer:visited {
            color:#919191;
            margin-left:650px;
    }
    .footer:hover {
            color:#00a2ff;
    }
    .footer:active {
            color:#919191;
    }


    mfg Maik
     

  3. #3
    Avatar von dsNDesign
    dsNDesign dsNDesign ist offline Mitglied Gold
    Registriert seit
    Dec 2008
    Beiträge
    160
    ah ok. Danke für deine Hilfe. Sonst wär ich noch heute abend davor gesessen

    Grüße
     

Ähnliche Themen

  1. Antworten: 15
    Letzter Beitrag: 10.06.10, 17:48
  2. :hover-Problem
    Von sight011 im Forum CSS
    Antworten: 2
    Letzter Beitrag: 08.03.10, 07:11
  3. Problem mit hover
    Von julchen im Forum CSS
    Antworten: 15
    Letzter Beitrag: 03.03.10, 09:25
  4. Hover-Problem im IE6
    Von heddesheimer im Forum CSS
    Antworten: 6
    Letzter Beitrag: 04.09.05, 20:27
  5. Antworten: 0
    Letzter Beitrag: 06.10.04, 14:03