Ergebnis 1 bis 6 von 6

Thema: farbe von a.link: bei Firefox und chrome nicht übernommen

  1. #1
    HTML Newbie
    Registriert seit
    07.01.2019
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard farbe von a.link: bei Firefox und chrome nicht übernommen

    Hallo an alle,

    ich habe mir zwecks Gehirntraining im Alter das Webseiten gestallten ausgesucht

    und flups bin ich bei euch gelandet da ich nicht weiterkomme

    Ich baue gerade als Übung einer Lernplattform, die Tagesschau Seite nach!

    Mein Problem ist das in der css Datei das a:link {color:white;} ignoriert wird und die Standart Blaue farbe angezeigt wird, beim Internet Explore funktzioniert es, Firefox und Chrome nicht.

    Unter Extras bei Firefox habe ich unter Allgemein/Schriften und Farben die Option "Oben ausgewählte Farben anstatt der Farben der Seite verwenden:" auf Nein gesetzt, bringt keine Hilfe.

    Evtl doch der Code? könnt Ihr bitte mal ein Auge darauf werfen?


    Code:
    <!DOCTYPE html>
    <head>
    <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" />
    <link rel="stylesheet" type="text/css" href="css/tageschau.css">
    <title>Tagesschau</title>
    </head>
    
    <body>
    
    
    <div id="topleiste">
     <ul>
      <li><a href="https://google.de">ARD Home</a></li>
      <li><a href="https://google.de">Nachrichten</a></li>
      <li><a href="https://google.de">Sport</a></li>
      <li><a href="https://google.de">Börse</a></li>
      <li><a href="https://google.de">Ratgeber</a></li>
      <li><a href="https://google.de">Wissen</a></li>
      <li><a href="https://google.de">Kultur</a></li>
      <li><a href="https://google.de">Kinder</a></li>
      <li><a href="https://google.de">Die ARD</a></li>
      <li></li><li></li><li></li><li></li><li></li>
      <li><a href="https://google.de"><b>Fernsehen</b></a></li>
      <li><a href="https://google.de"><b>Radio</b></a></li>
      <li><a href="https://google.de"><b>ARD Mediathek</b></a></li>
      </li><li></li><li>
       <li><img style="padding-left: 25px;" src="images/ard_weis.gif" width="58" /></li>
     </ul>
    
    </div>
    
    
    <!--<div id="schlank">
         <div id="suchUNDlogoleiste">
           <div id="logo"><img src="images/logo_base.png" /></div>
           <div id="suche"> 
            <input type="search" id="suche" placeholder="Suche">
           </div>
         </div>
    </div> -->
    
    </body>
    </html>
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    #topleiste {
        height:35px;
        width:100%;
        float:left;
        border-bottom:1px solid #FFF;
        position:fixed;
        top:0;
        left:0;
        right:0;
        background-image:url(../images/mn_tagesschau.png);
        }
       
    #topleiste ul {
        margin: 0px auto;
        width: 996px;
    }
    
    #topleiste li {
        list-style:none;
        float:left;
        padding:10px 13px 1px 0px;
       }
    a:link {
        color:#FFF !important;
        text-decoration:none;
        font-size: 13px;
        font-weight:300;
    }
    a:hover {
        color:#000;
        background-color: #FFF;
        text-decoration:none;
        }
    body {
        font-family:Arial, Helvetica, sans-serif;
        background-image:url(../images/base.jpg);
    }
    #schlank {
        margin: 0px auto;
        width: 996px;
        height:1000px;
        margin-top:35px;
        position:relative;
    }  
    b {
        font-size:14px;
        font-weight:600;
    }
    #suchUNDlogoleiste {
        padding-top:5px;
        width:100%;
        height:80px;
    }
    
    #logo {
        float:left;
        left:0;
    }
    #suche {
        float:right;
        margin:18px; 20px auto auto;
        
    }

  2. #2
    HTML Newbie
    Themenstarter

    Registriert seit
    07.01.2019
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: farbe von a.link: bei Firefox und chrome nicht übernommen

    mit einfügen von <font color=""> zu jeden link hat es geklappt, stellt sich mir trotzdem die Frage warum es nicht funktioniert mit css

    Edit: nun wird aber die Farbe von Hover ignoriert
    Code:
    <div id="topleiste">
     <ul>
      <li><a href="https://google.de"><font color="#FFFFFF";>ARD Home</font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";>Nachrichten</font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";>Sport</font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";>Börse</font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";>Ratgeber</font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";>Wissen</font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";>Kultur</font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";>Kinder</font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";>Die ARD</font></a></li>
      <li></li><li></li><li></li><li></li><li></li>
      <li><a href="https://google.de"><font color="#FFFFFF";><b>Fernsehen</b</font>></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";><b>Radio</b></font></a></li>
      <li><a href="https://google.de"><font color="#FFFFFF";><b>ARD Mediathek</font></b></a></li>
      </li><li></li><li>
      <li><img style="padding-left: 25px;" src="images/ard_weis.gif" width="58" /></li>
     </ul>
    Geändert von Gianni72 (07.01.2019 um 21:38 Uhr)

  3. #3
    Meister(in)
    Registriert seit
    27.07.2015
    Ort
    Nordseeküste
    Beiträge
    342
    Danke
    0
    Bekam 75 mal "Danke" in 75 Postings

    Standard AW: farbe von a.link: bei Firefox und chrome nicht übernommen

    Du solltest auf dieses <font color> auf jeden Fall verzichten... das ist mehr als veraltet und hat, wie du ja selbst festgestellt hast, auch unerwünschte Nebeneffekte.
    Warum das beim Firefox mit a:link nicht funktioniert kann ich so ohne weiteres nicht erklären. Mag daran liegen, dass mit dem :link (einer Pseudoklasse) nur unbesuchte Links angesprochen werden.
    Du solltest in deinem CSS lieber folgendes notieren:
    HTML-Code:
    a {
     color: #FFF;
     text-decoration: none;
     font-size: 13px;
     font-weight: 300;
    }
    a:hover {
     color: #000;
     background-color: #FFF;
    }
    Nähere Informationen findest du auch hier...
    https://developer.mozilla.org/en-US/.../Styling_links
    PHP-Code:
    if(!sleep)
      {
    $sheep++;}
    else
      {
    $status="zzzz";} 

  4. #4
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.340
    Danke
    17
    Bekam 72 mal "Danke" in 70 Postings

    Standard AW: farbe von a.link: bei Firefox und chrome nicht übernommen

    Warum eine englischsprachige Seite?

    https://wiki.selfhtml.org/wiki/CSS/S..._link,_visited

    https://www.w3schools.com <- auf deutsch umstellen, geht rechts oben über den Globus
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  5. #5
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.703
    Danke
    24
    Bekam 138 mal "Danke" in 137 Postings

    Standard AW: farbe von a.link: bei Firefox und chrome nicht übernommen

    Zitat Zitat von Gastl Beitrag anzeigen
    Warum eine englischsprachige Seite?
    Weil Programmierung viel mit englisch zu tun hat?!

  6. #6
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.340
    Danke
    17
    Bekam 72 mal "Danke" in 70 Postings

    Standard AW: farbe von a.link: bei Firefox und chrome nicht übernommen

    Erklärungsseiten müssen das aber nicht zwingend.
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

Ähnliche Themen

  1. css link formatierung wird nicht übernommen....
    Von unnamedp im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 05.01.2016, 20:02
  2. Antworten: 2
    Letzter Beitrag: 12.12.2014, 16:25
  3. Floats gehen im Firefox/Opera, nicht in Safari/Chrome/IE
    Von hüttenliesl im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 01.03.2013, 16:37
  4. IE und Chrome zeigen Flash an, aber Firefox nicht
    Von Fotobox im Forum Flash Forum
    Antworten: 3
    Letzter Beitrag: 04.07.2012, 16:48
  5. CSS Link geht bei IE aber nicht bei Firefox
    Von Perry im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 05.06.2008, 01:23

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •