![[HaBo]](/styles/default/logoklein.png){kind=small}
Hallo, und zwar bin ich grad so bei meinen ersten CSS-Versuchen und habe das Problem das mir die a:hoover, a:visited und a:link nicht korrekt in den Browsern angezeigt werden, wie ich das gerne möchte.
Das Hoover funktioniert bei mir zum Beispiel gar nicht.
hier der Quellcode beider Dateien, index.html und style.css
über die Augenkrebs gefährdenen Farben nicht beunruhigen, dienen mir zur besseren Übersicht, verschwinden aber bald wieder :-D
html
css
Hoffe ihr könnt mir da irgendwie helfen, woran es liegt, das es nicht korrekt angezeigt wird.
grüße
Das Hoover funktioniert bei mir zum Beispiel gar nicht.
hier der Quellcode beider Dateien, index.html und style.css
über die Augenkrebs gefährdenen Farben nicht beunruhigen, dienen mir zur besseren Übersicht, verschwinden aber bald wieder :-D
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
header
</div>
<div id="navi">
<a href="#">Home </a> About Me Contact
</div>
<div id="content">
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
</div>
<div id="footer">
test
</div>
<!--container--></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
header
</div>
<div id="navi">
<a href="#">Home </a> About Me Contact
</div>
<div id="content">
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
content content content content content content content content content content
</div>
<div id="footer">
test
</div>
<!--container--></div>
</body>
</html>
css
*{
margin: 0;
padding: 0;
}
body {
padding: 20px;
background-color: green;
}
#container{
border-bottom: 2px solid black;
border-top: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
background-color: red;
width: 700px;
margin: auto;
}
#header{
background-image: url(header.png);
height: 200px;
}
#navi{
padding-left: 15px;
border-top: 2px solid black;
background-color: yellow;
}
a:visited{
color: red;
text-decoration: none;
}
a:link{
color: black;
text-decoration: none;
}
a:hoover{
color: blue;
text-decoration: none;
}
#content{
padding-top: 10px;
padding-left: 15px;
background-color: blue;
border-top: 2px solid black;
}
#footer{
padding-left: 15px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: normal;
font-size: small;
border-top: 2px solid black;
}
margin: 0;
padding: 0;
}
body {
padding: 20px;
background-color: green;
}
#container{
border-bottom: 2px solid black;
border-top: 2px solid black;
border-left: 2px solid black;
border-right: 2px solid black;
background-color: red;
width: 700px;
margin: auto;
}
#header{
background-image: url(header.png);
height: 200px;
}
#navi{
padding-left: 15px;
border-top: 2px solid black;
background-color: yellow;
}
a:visited{
color: red;
text-decoration: none;
}
a:link{
color: black;
text-decoration: none;
}
a:hoover{
color: blue;
text-decoration: none;
}
#content{
padding-top: 10px;
padding-left: 15px;
background-color: blue;
border-top: 2px solid black;
}
#footer{
padding-left: 15px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: normal;
font-size: small;
border-top: 2px solid black;
}
Hoffe ihr könnt mir da irgendwie helfen, woran es liegt, das es nicht korrekt angezeigt wird.
grüße
