Ich bin noch ziemlich am Anfang vom HTML / CSS lernen und habe eine sehr wichtige Frage. Ich möchte eine HTML-Datei machen und alle CSS-Befehle in einer separaten CSS-Datei schreiben. Genau dies wird bei dieser Aufgabe gefordert: <!-- m --><a class="postlink" href="http://www.html-seminar.de/steuerung_per_css.htm">http://www.html-seminar.de/steuerung_per_css.htm</a><!-- m --> .
Das mit der HTML-Datei ist alles klar, aber die CSS-Befehle werden irgendwie einfach nicht wahrgenommen. Ich habe die CSS-Datei natürlich auch in der HTML-Datei im head-Bereich angegeben usw., aber ich finde den Fehler einfach nicht . Muss man vielleicht bei der CSS-Datei zuerst irgendein Grundgerüst schreiben? Hier sind die beiden Dateien:
HTML-Datei:
HTML
[b]<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="index.htm" xml:lang="de">
<head>
<title>Mein-Profil</title>
<link rel="stylesheet" type="text/css"
media="screen" href="design.css" />
</head>
<body>
<div id="navi">
<ul>
<li><a href="index.htm"> Startseite </a></li>
<li><a href="meine-hobbies.htm"> Meine Hobbies </a></li>
<li><a href="empfehlungen.htm"> Empfehlungen </a></li>
</ul>
</div>
<body>
</html>[/b]
Alles anzeigen
CSS-Datei:
Code
[b]#navi {
width:200px;
text-align:left; /* Textausrichtung */
margin-top:10px; /* Außenabstand oben */
margin-bottom:10px; /* Außenabstand unten */
margin-left:20px; /* Außenabstand links */
margin-right:15px; /* Außenabstand rechts */
}
#navi ul {
list-style:none; /* keine Aufzählungspunkte */
}
#navi li {
background-color:silver; /* Hintergrundfarbe */
border-top:1px black solid; /* Rahmenfarbe Auflistungpunkt oben */
border-left:25px orange solid; /* Rahmenfarbe Auflistungpunkt oben */
border-bottom:1px red solid; /* Rahmenfarbe unten */
border-right:2px blue solid; /* Rahmenfarbe unten */
margin-top:10px; /* Außenabstand oben */
padding-top:8px; /* Innenabstand oben */
padding-bottom:8px; /* Innenabstand unten */
padding-left:8px; /* Innenabstand unten */
padding-right:8px; /* Innenabstand unten */
}[/b]
Alles anzeigen