PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Liste als Inline definieren funktioniert nicht


Henrik
2005-05-27, 23:04:02
Hi
ich bin mir sicher, einen Flüchtigkeitsfehler drin zuhaben :usad:
Ich möchte, dass die Liste ohne Zeilenumbruch nach jeder Option dargestellt wird, das ist alles.

Hier der Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>3dfxrulez.net .:Index</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Henrik Hagedorn" />
<meta name="generator" content="Ulli Meybohms HTML EDITOR" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<style type="text/css">
<!--
body {
background-image:url(img/bg.png);
font-family: Trebuchet MS, sans-serif;
font-size:small;
}
#hauptrahmen {
margin: 0px auto 0px auto;
border: 5pt solid #FFF;
padding:20px;
}
#navigation {
display: inline;
padding:50px;
}
-->
</style>
</head>
<body>
<div><a name="top"></a></div>

<!-- Container weißer Rahmen -->
<div id="hauptrahmen">

<ul id="navigation">
<li>Startseite</li>
<li>Über mich</li>
<li>Musik</li>
<li>Schwanzverlängerung</li>
<li>Freunde</li>
<li>Fotos</li>
<li>Blog</li>
<li>Gästebuch</li>
<li>Links</li>
</ul>

Wir blicken zurück auf den dunklen Weg vergangener Relikte wie browserspezifischen Tags, inkompatiblen DOMs und einer brüchigen CSS Unterstützung.

Heute müssen wir den Kopf von den alten Praktiken befreien. Die Erleuchtung im Web wurde nicht zuletzt dank der unermüdlichen Anstrengungen von Leuten wie dem W3C, WaSP sowie den großen Browserherstellern erreicht.

Der css Zen Garden läd Sie ein zu entspannen und über die wesentlichen Lektionen der Meister zu mediteren. Beginnen Sie klar zu sehen. Lernen Sie die (letzten Endes) Zeit gewinnenden Techniken in einer neuen und anregenden Weise anzuwenden. Werden Sie Eins mit dem Web.
Also, worum geht’s hier eigentlich?

Es ist klar erforderlich, dass CSS von Grafikkünstlern erst genommen wird. Der Zen Garden strebt danach zu begeistern, zu inspirieren und zur Teilname zu ermutigen. Betrachten Sie sich zunächst einige der existierenden Designs aus der Liste. Wenn Sie eines davon anklicken wird es in diese Seite geladen. Der Code bleibt der selbe, das einzige, dass sich geändert hat ist die externe CSS Datei. Ja, wirklich.

CSS erlaubt vollständige und totale Steuerung über die Gestaltung eines Hypertext–Dokuments. Der einzige Weg es auf eine Weise zu illustrieren welche die Leute begeistert, besteht darin zu demonstrieren wie es wirklich sein kann, wenn man die Zügel denjenigen in die Hand gibt die in der Lage sind, Schönheit aus Struktur zu schaffen. Bis heute wurden die meisten Beispiele der geschickten Tricks und Hacks von Strukturisten und Programmierern vorgeführt. Designer müssen ihre Spuren erst noch hinterlassen. Das muss sich ändern.
</div>
</html>
</body>

darph
2005-05-28, 00:16:49
ul ist zwar jetzt ein Inline Element, aber du hast Block Level Elemente innerhalb eines Inline Elements. Das ist nicht erlaubt.
die <li> Tags sind selbst Block Level Elemente.

Füge mal li {display: inline;} hinzu.

Henrik
2005-05-28, 00:29:26
ul ist zwar jetzt ein Inline Element, aber du hast Block Level Elemente innerhalb eines Inline Elements. Das ist nicht erlaubt.
die <li> Tags sind selbst Block Level Elemente.

Füge mal li {display: inline;} hinzu.

Thx, funktioniert :up: