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:
- Code: Alles auswählen
[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]
CSS-Datei:
- Code: Alles auswählen
[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]
