Hallo zusammen,
nochmal ich. In folgenden Codes soll das Ziel sein, dass die Links auf der Seite weiß, ohne Unterstrich und ohne Aufzählungszeichen dargestellt werden.
Daraufhin habe ich folgenden Code in mein CSS gepackt:
Es funktioniert nicht. Folgender Code funktioniert allerdings:
Sieht vlt. jemand den Fehler und kann mir sagen, warum mein #nav a:link Code nicht funktioniert, die anderen aber schon?
Anbei auch nochmal der komplette HTML und CSS Code:
Danke Euch.
nochmal ich. In folgenden Codes soll das Ziel sein, dass die Links auf der Seite weiß, ohne Unterstrich und ohne Aufzählungszeichen dargestellt werden.
Daraufhin habe ich folgenden Code in mein CSS gepackt:
Code:
#nav a:link {
color: #FFFFFF;
text-decoration: none;
}Es funktioniert nicht. Folgender Code funktioniert allerdings:
Code:
#nav a:hover, #nav a:active, #nav a:visited, #nav a:focus {
color: #306;
text-decoration: underline;
}Sieht vlt. jemand den Fehler und kann mir sagen, warum mein #nav a:link Code nicht funktioniert, die anderen aber schon?
Anbei auch nochmal der komplette HTML und CSS Code:
Danke Euch.
HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Einsendeaufgabe</title>
<link href="css-aufgabe.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="holder">
<div id="nav">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
<div id="content">
<h1>CSS Einsendeaufgabe</h1>
<p class="grosstext">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
<p class="kleintext">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
</div>
</body>
</html>
Code:
@charset "utf-8";
body {
font: 100% Verdana, Geneva, sans-serif;
color: #000000;
background: #6CF;
margin: 0px;
padding: 0px;
}
h1 {
margin-top: 0;
}
#holder {
width: 760px;
background: #6F3;
margin: 0 auto 0 auto;
}
#nav {
width: 140px;
float: right;
padding: 8px 10px;
background: #69F;
margin-top: 0px;
}
#content {
margin: 0 165px 0 0;
background: #FF3;
padding-left: 10px;
}
#nav a:link {
color: #FFFFFF;
text-decoration: none;
}
#nav a:hover, #nav a:active, #nav a:visited, #nav a:focus {
color: #306;
text-decoration: underline;
}
p.grosstext {font-size:18px}
p.kleintext {font-size:14px}