Hallo, der Text meiner Webseite ist unterstrichen obwohl ich nirgends den Befehl dazu gegeben hab, hab alles 2x durchgeschaut und nicht gefunden woran das liegen kann, weis da jemand weiter?
HTML-Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<title>WELLNIK</title>
<link rel="icon" href="css/icon.png" type="image/x-icon">
</head>
<body>
<div id="haupt">
<div id="logo">
<img src="css/logo.png" width="145" height="144" />
</div>
<div id="header">
<p>
Willkommen bei WELLNIK
</p>
</div>
<div id="navigation">
<a href="index.htm" title="Home">Home</a><br/>
<a href="ubermich.htm" title="Über mich">Über mich</a><br/>
<a href="angebot.htm" title="Angebot">Angebot</a><br/>
<a href="kontakt.htm" title="Kontakt">Kontakt</a><br/>
<a href="location.htm" title="Location">Location</a><br/>
</div>
<div id="text"></div>
</div>
</body>
</html>
CSS-Code
@charset "utf-8";
body{
color:#FFF2CF;
margin:auto;
background-image: url(hintergrund.png);
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:inherit;
}
#haupt{
width: 980px;
height: 700px;
margin:auto;
}
#logo{
width: 200px;
height: 150px;
float: left;
}
#header{
width: 780px;
height: 150px;
font-size: 60px;
font-family:"Times New Roman";
float:left;
}
#navigation{
width: 200px;
height: 550px;
float:left;
text-align:left;
}
a{
font-family:"Times New Roman";
font-size: 30px;
line-height: 1.5;
margin-left:30px;
}
a:link{
color:#FFF2CF;
}
a:visited{
color:#FFF2CF;
}
#text{
width: 780px;
height: 550px;
float:left;
background-color:#FFF2CF;
color:#000000
}
Danke schon im Voraus :)
Cheater