Linkfarbe festlegen mit CSS


  • Rocko666
  • 1119 Aufrufe 4 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Linkfarbe festlegen mit CSS

    He leute,
    wer kann mir helfen?

    Ich habe 3 verschiede links und alle sollen eine andere fabe haben als die hauptlinks.

    die große wird übernommen, aber die farbe leider nicht :(

    HTML-Quellcode

    1. .klick1{
    2. font-size:180%;
    3. a:link {color:#8B008B};
    4. a:visited {color:#8B008B};
    5. }
    6. .klick2{
    7. font-size:150%;
    8. a:link {color:#FF1493};
    9. a:visited {color:#FF1493};
    10. }
    11. .klick3{
    12. font-size:100%;
    13. a:link {color:#4169E1};
    14. a:visited {color:#4169E1};
    15. }
    16. :link { color: #000000; }
    17. :visited { color: #000000; }
    18. :link:hover, :visited:hover { color: #FF0000; }
    19. :link:active, :link:active { color: #FF0000; }
    Alles anzeigen
    [SIZE=3]Wenn man keine Ahnung hat,[/SIZE] [SIZE=4]einfach mal Fresse halten![/SIZE]
  • Ich löse sowas immer auf die Art:


    a.linkname {
    color: #333;
    font-size: 11px;
    etc. pp
    }

    a.linkname:hover {
    color: #666;
    text-decoration: underline;
    etc. pp
    }


    a.linkname ist in desem Fall das Elternelement von a.linkname:hover, Eigenschaften, die du HOVER nicht explizit zuweist, werden vom Elternelement übernommen. Eine Größe für Hover msst du also nicht angeben, wenn sie bereits in Link angegeben ist.

    Hoffe das war bissel verständlich.

    Gruß thomo
  • He, danke für die anregungen ...

    ich hab´s gestern abend noch so gemacht.

    HTML-Quellcode

    1. a.klick1:link {
    2. font-size:180%;
    3. color: #8B008B;
    4. }
    5. a.klick1:visited {
    6. font-size:180%;
    7. color: #8B008B;
    8. }


    funktioniert nun auch :)

    :D Danke nochmal :D
    [SIZE=3]Wenn man keine Ahnung hat,[/SIZE] [SIZE=4]einfach mal Fresse halten![/SIZE]