Hallo zusammen,
bin noch ein anfänger was das thema css angeht und habe folgendes problem:
folgende html:
HTML
<!doctype html>
<html>
<head>
<title>Startseite</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="top">
</div>
<div class="left">
<br>
<a href="http://de.tinypic.com/">Tynipic</a>
<br><br>
<a href="http://xup.in/">Xup.in</a>
</div>
<div class="left2">
</div>
<div class="bottom">
</div>
</body>
</html>und die css dazu:
HTML
A:link {color:#white; text-decoration: none;}
A:visited {color:#white; text-decoration: none;}
A:hover {color:#red; text-decoration: none;}
A:active {color:#white; text-decoration: none;}
body {
background-image: url("background2.jpg");
}
.top {
width: 98%;
height: 100px;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
opacity: 0.25;
background-color: #000000;
}
.left {
width: 180px;
height: 400px;
margin-top: 10px;
margin-left: 10px;
margin-right: 20px;
opacity: 0.25;
background-color: #000000;
text-align: center;
}
.left2 {
width: 180px;
height: 100px;
margin-top: 10px;
margin-left: 10px;
margin-right: 20px;
opacity: 0.25;
background-color: #000000;
}
.bottom {
width: 98%;
height: 100px;
opacity: 0.25;
background-color: #000000;
position: absolute;
bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.content{
width: 100%;
height: 100%;
}
div:hover {border:2px dotted #000000;}
h1 {
font-family: Verdana;
font-size: 15px;
text-align: center;
color: white;
}wenn ich die html im browser öffne bleiben die links blau und nichts passiert mit formatierungen, hover, etc...
wo is der fehler?
