Ankündigung

Einklappen
Keine Ankündigung bisher.

Prioritäten bei Link-Farb-Einstellungen [CSS]

Einklappen

Neue Werbung 2019

Einklappen
X
Einklappen
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige Weiter
  • #1

    Prioritäten bei Link-Farb-Einstellungen [CSS]

    Hallo zusammen,

    auf meiner Homepage möchte ich 2 verschiedene Linkfarben haben. Eine für dunklen Hintergrund, und eine für weißen. Dafür habe ich in der style.css folgendes definiert:

    Code:
    .weiss {
 color: #FFFFFF;
 font-family:'Arial';
 font-size:12px;
}

.weiss a:link, weiss a:visited, weiss a:active {
 color: #FFFFFF;
 font-family:'Arial';
 font-size:12px;
 text-decoration: none;
}

.weiss a:hover {
 color: #FFFFFF;
 font-family:'Arial';
 font-size:12px;
 text-decoration:underline;
}

.schwarz {
 color: #000000;
 font-family:'Arial';
 font-size:12px;
 text-align:justify;
 text-decoration: none;
}

.schwarz a:link, schwarz a:visited, schwarz a:active {
 color: #244f8e;
 font-family:'Arial';
 font-size:12px;
 text-align:justify;
 text-decoration: none;
}

.schwarz a:hover {
 color: #244f8e;
 font-family:'Arial';
 font-size:12px;
 text-align:justify;
 text-decoration:underline;
}
    aber iregdnwie klappt das nicht! Besuchte Links werden im typischen Standard-Blau angezeigt, und nicht in der Farbe wie ich es will!

    Was habe ich falsch gemacht?

    Danke,
    Max
    Stichworte: -
  • #2
    wie bindest du das genau ein??

    Code:
    <div class="weiss">
BLUB
</div>
    .weiss a:link, .weiss a:visited, .weiss a:active {
    ...
    Versuch auch mal das!

    lg
    Andi


    EDIT:

    So funktionierts bei mir:

    Code:
    <html>
<head>
<style type="text/css">
<!--

.weiss {
 color: #FFFFFF;
 font-family:'Arial';
 font-size:12px;
}

.weiss a:link, .weiss a:visited, .weiss a:active {
 color: #FFFFFF;
 font-family:'Arial';
 font-size:12px;
 text-decoration: none;
}

.weiss a:hover {
 color: #FFFFFF;
 font-family:'Arial';
 font-size:12px;
 text-decoration:underline;
}

.schwarz {
 color: #000000;
 font-family:'Arial';
 font-size:12px;
 text-align:justify;
 text-decoration: none;
}

.schwarz a, .schwarz a:link, .schwarz a:visited, .schwarz a:active {
 color: #244f8e;
 font-family:'Arial';
 font-size:12px;
 text-align:justify;
 text-decoration: none;
}

.schwarz a:hover {
 color: #244f8e;
 font-family:'Arial';
 font-size:12px;
 text-align:justify;
 text-decoration:underline;
} 

-->
</style>
</head>
<body>
<div class="schwarz">
TESTLINK
</div>
<div style="background-color:#000;">
<div class="weiss">
TESTLINK
</div>
</div>
</body>

    Kommentar

    • #3
      hm ich habs immer so eingebaut:

      Code:
      <span class="weiss">Bla</span>

      Kommentar

      • #4
        funktioniert es nun?

        Kommentar

        Vorherige Weiter
        Lädt...
        X