Ankündigung

Einklappen
Keine Ankündigung bisher.

classes bei a:link und co?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • classes bei a:link und co?

    Hallo.

    Mal wieder ne Frage, über die ihr vielleicht den Kopf schüttelt!

    Kann ich mittels css links unterschiedliche Farben zuweisen. Also ich möchte nicht unterschiedliche Farben für a:link, a:hover und a:visited, das das geht, ist klar.
    viel mehr geht es darum verschiedenen Links eine dauerhafte Farbe zuzuweisen. Beispielsweise verlinkt "Lebenslauf" auf einen Bereich, der mit css in "blau" gehalten wird. Nun möchte ich, dass der Link in der Navi immer blau ist, egal in welchem Zustand er sich befindet, evtl invers bei Hover. Der Link "Ehrenamt" geth in einen lila Bereich, hier soll der Link dann auch lila sein.

    Nun die Frage, ob ich dies über classes wie folgt definieren kann?


    a:link { text-decoration:none; font-weight:bold; color:#ffffff; }
    a:link.blau { color:#0000ff; }
    a:link.lila { color:#ff00ff; }
    a:link.rot { color:#ff0000; }
    a:link.orange { color:#ff8000; }
    a:link.gelb { color:#ffff00; }
    a:link.gruen { color:#00ff00; }
    a:link.gold { color:#808000; }
    a:link.blaugruen { color:#008080; }
    a:link.grau { color:#808080; }
    a:link.schwarz { color:#ffffff; }

    a:visited { text-decoration:none; font-weight:bold; color:#ffffff; }
    a:visited.blau { color:#0000ff; }
    a:visited.lila { color:#ff00ff; }
    a:visited.rot { color:#ff0000; }
    a:visited.orange { color:#ff8000; }
    a:visited.gelb { color:#ffff00; }
    a:visited.gruen { color:#00ff00; }
    a:visited.gold { color:#808000; }
    a:visited.blaugruen { color:#008080; }
    a:visited.grau { color:#808080; }
    a:visited.schwarz { color:#ffffff; }

    und wie muss ich die Class="?" im Dokument angeben?
    Abalone

    "Nichts ist jemals einfach!"

  • #2
    AW: classes bei a:link und co?

    HTML
    HTML-Code:
    <a class="blau" href="lebenslauf.html">Lebenslauf</a>
    <a class="lila" href="ehrenamt.html">Ehrenamt</a>
    CSS:
    PHP-Code:
    a.blau:linka.blau:visiteda.blau:activea.blau:hover color.#0000ff;}
    a.lila:linka.lila:visiteda.lila:activea.lila:hover color.#ff00ff;} 
    So sollte es gehn denk ich mal.
    Falls du hover extra definieren willst dann nimm es raus und schreib es einzeln und gib dort an was es machen soll also:
    PHP-Code:
    a.blau:hover {color:#ffffff;} 
    www.sv-muegeln-ablass.de
    www.marder-speisesenf.de

    Kommentar

    homepage-forum.de - Hilfe für Webmaster! Statistiken

    Einklappen

    Themen: 56.739   Beiträge: 429.478   Mitglieder: 28.491   Aktive Mitglieder: 41
    Willkommen an unser neuestes Mitglied, techDani93.

    Online-Benutzer

    Einklappen

    202 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 199.

    Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

    Die neuesten Themen

    Einklappen

    Die neuesten Beiträge

    Einklappen

    Lädt...
    X