Announcement

Collapse
No announcement yet.

CSS Link hat nicht die Farbe die ich mir wünsche!

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS Link hat nicht die Farbe die ich mir wünsche!

    Hallo,
    ich bin momentan dabei CSS zu lernen. Mein momentanes Problem ist, dass die Links (a:link) nicht die Farbe anzeigen welche ich möchte. Seht ihr das Problem zufällig?

    Anbei der Code:

    <!doctype html>
    <html>
    <head>
    <title>Fabi´s Tagesschau</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <style type="text/css">

    body{
    margin:0px;
    }

    #topleiste{
    float:left;
    background-color:#09336A;
    }

    #topleiste ul {

    }

    #topleiste li {
    list-style:none;
    float:left;
    padding-left:10px;
    }

    a:hover{
    color:blue;
    background-color:white;

    }

    a:link {
    color:white;
    }


    </style>

    </head>

    <body>

    <div id="container">

    <div id="topleiste">

    <ul id="topleistenliste">

    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>
    <li> <a href="https://www.youtube.com/" >ARD Home</a></li>

    </ul>

    </div>

    </div>

    </body>
    </html>

    Es wäre klasse wenn ich bald wieder weiter programmieren kann.

    Beste Grüße und schon mal Dankeschön an die Profis.

    Fabian Colnaric

  • #2
    a:hover{
    background-color: white;
    color: blue !important;

    }

    Oder Reihenfolge ändern

    a:link {
    color: white;
    }

    a:hover{
    background-color: white;
    color: blue;

    }
    Christian

    Comment

    Working...
    X