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>
Alles anzeigen
CSS
@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;
}
Alles anzeigen