Also ich versuche eine Homepage für die Schule zu erstellen. Bin totaler Anfänger und habe deshalb hilfe im Internet gesucht. Gefunden habe ich: http://www.html-seminar.de/3-s…out-mit-css-erstellen.htm
Bis zum Punkt "Einstieg ins Design" klappt alles wunderbar. Ab da komme ich leider nicht mehr weiter.
Wenn ich in die CSS Datei wie folgt eingebe:
dann wird die Überschrift tatsächlich auch rot.
Ab da hört es aber dann wieder schon auf. Denn weiter gehts mit:
header, nav, footer, aside, section {
display: block;
}
header {
background-color: yellow;
}
#steuerungoben {
background-color: red;
}
#steuerunglinks {
background-color: green;
}
aside {
background-color: #808000;
}
section {
background-color: orange;
}
footer {
background-color: brown;
}
Alles anzeigen
Und wirklich garnichts funktionert hier. Auf der Seite wird beschrieben das nun verschiedene Farben zu sehen sein müssen, jedoch sehe ich wirklich nichts. Und wirklich nichts hat sich verändert.
Hier meine Homepage :
<html>
<head>
<title>Hotel LB</title>
<link rel="stylesheet" type="text/css" href="formate.css">
</head>
<body>
<header>
<p>
<strong>Hotel LB</strong>
</p>
<p>
<a href="kontakt.html">Kontakt</a><br />
<a href="impressum.html">Impressum</a>
</p>
</header>
<nav id="steuerungoben">
<ul>
<li><a href="index.html">Startseite</a> </li>
<li><a href="ueber-die-website.html">Vorstellung</a> </li>
<li><a href="einzelteile.html">Einzelteile</a> </li>
</ul>
</nav>
<nav id="steuerunglinks">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="ueber-die-website.htm">über diese Website</a>
<ul>
<li><a href="einzelteile.htm">Einzelteile</a></li>
<li><a href="design-verwenden.htm">Design verwenden</a></li>
</ul>
</li>
</ul>
</nav>
<aside>
<p><b>Bildersammlung:</b>
<img src="Bilder/hotel_schrift.jpg" width="155" height="116"
alt="Ansicht vorne" />
<img src="Bilder/hotel_schriftzug.jpg" width="155" height="116"
alt="Schriftzug" />
<img src="Bilder/hotelzimmer.jpg" width="155" height="116"
alt="Einer unserer Zimmer" />
</p>
</aside>
<section>
<h1>Hotel LB</h1>
<p>Gutes Hotel!</p>
<p>Leben sie gerne bei uns</p>
<h2>Optionen</h2>
<p>O1</p>
<ul>
<li>Zimmer</li>
<li>Essen</li>
<li>anderes</li>
<li>anderes</li>
<li>anderes</li>
</ul>
<hr />
<h2>Unser Hotel</h2>
<p>Dieses Hotel ist gut</p>
<p>Dieses Hotel ist sehr sehr gut.</a></p>
<hr />
<h2>Sinn und Zweck dieser Website</h2>
<p>Diese Website dient als Nachbau-Objekt und zum Lernen von HTML und CSS.
Alle benötigten Einzelteile bekommen Sie auf den Unterseiten. Beachten Sie,
dass der Hintergrund frei ausgetauscht werden kann.</p>
<p>So - nun viel Spaß daran.</p>
</section>
</body>
</html>
Alles anzeigen
Ich brauche unbedingt Hilfe um weiter zu kommen. Die Abgabe in der Schule ist schon morgen und ich stehe unter großem Zeitdruck. Was genau mache ich falsch...
Ich danke wirklich jedem der mir helfen kann.