MrMurphy Oh, einfacher Fehler. Danke 
Beiträge von Jakob
-
-
Hey! Ich habe eigentlich in style.css festgelegt, dass "Home", "About us" und "Contact" nicht mehr unterstrichen sind (text-decoration: none;). Kann mir jemand sagen was ich falsch gemacht habe?
style.css
#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
}
header {
padding-top: 20px;
padding-bottom: 50px;
height: 50px;
text-align: center;
}
nav {
text-align: center;
}
nav ul {
list-style-type: none;
}
nav li {
display: inline;
margin-right: 40px;
}
a {
color: #777
text-decoration: none;
font-family: arial, sans-serif;
}
section {
width: 650px;
height: 550px;
float: left;
background: green;
}
aside {
width: 310px;
height: 550px;
float: right;
background: blue;
}
footer {
height: 50px;
clear: both;
background: orange;
}
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<header><img src="bilder/logor.png" alt="Logo"></header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<section>Das ist der MainContent</section>
<aside>Das ist die Sidebar</aside>
<footer>Das ist die Fusszeile</footer>
</div>
</body>
-
basti1012 - Hat funktioniert, danke!
-
Hey! Ich habe das Problem dass CSS nicht in HTML eingebunden wird. Beide Dateien (index.html und style.css) befinden sich im gleichen Ordner.
Folgendes steht in index.html:
<!DOCTYPE html>
<html>
<head>
<link rel=stylesheet" href="style.css" type="test/css">
</head>
<body>
<div id="wrapper">
<header>Das ist die Kopfzeile</header>
<section>Das ist der MainContent</section>
<aside>Das ist die Sidebar</aside>
<footer>Das ist die Fusszeile</footer>
</div>
</body>
</html>
Folgendes steht in Style.css
#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
}
header {
height: 150px;
background: red;
}
section {
width: 650px;
height: 550px;
float: left;
background: green;
}
aside {
width: 310px;
height: 550px;
float: right;
background: blue;
}
footer {
height: 50px;
clear: both;
background: orange;
}
Kann mir jemand sagen wo der Fehler liegt? Danke im Vorraus - Jakob
