[amateur23]

Habe eine senkrechte navigation hinbekommen:

<div id="navigation">
<ul>[*]home[*]news[*]kontakt[*]g&auml;stebuch[/list]</div>

Wie kann ich eine vertikale navigation machen? [mit welchem tag?]

[seal]

Das musst du per CSS machen: http://www.css4you.de/display.html

Stichwort: block und inline

[E|H]

http://css.maxdesign.com.au/index.htm

[AndreasB]

Vielleicht interessiert Euch mein umfangreiches "Pflichtenheft" für eine gestaltete horizontale Navigation.
Sie enthält zur Verdeutlichung auch Screenshots der Ziel-Gestaltung.
http://borumat.de/html-und-css-tipps...ale-navigation

Bisher ist es mir jedoch noch nicht gelungen eine Gestaltung zu verwirklichen, die alle Merkmale erfüllt.
Wenn jemand Vorschläge dazu hat: sie sind willkommen.

Auch interessieren mich Eure beispielhaften Gestaltungsvarianten für horizontale Listen.
Ebenso wie Anregungen/ Kritik zum "Pflichtenheft".

[The Doc]

Andreas, das sind zwar nette Punkte, aber du erwartest doch nicht wirklich, dass das alles bei einer guten Navigation erfüllt sein muss? Vorallem die gestalterischen Aspekte sind imho Humbug, da gibt es viel mehr Freiheit und Breite mit PHP ausgeben?

[derdiedas]

Navigation erstreckt sich über ganze Breite des Viewports, jeder Punkt hat die gleiche Breite

Finde ich nicht usable da die Zuordnung verloren gehen kann und aus gestalterischen Gesichtspunkten. Und es existiert ja nicht nur ein Element (Hauptnavigation), andere Elemente z.B. Texte leiden unter varierenden Breiten –; zu lange, zu kurze Zeilenlängen etc.

Generell – wie findest du die Möglichkeit mit elastic design (http://www.alistapart.com/articles/elastic) zu arbeiten?

Die Steuerung der Anzeigegröße über die relative Maßeinheit em. Dies ermöglicht das gleichmäßige vergrößern bzw. verkleinern der gesamten Website.
Zwar mit dem Nachteil, daß der User am Anfang seine individuelle Einstellungsgröße anpassen müßte und bei deutlicher Vergrößerung ein horizontaler Scroller entsteht.
Vorteil - Die Beständigkeit des Layouts und die Zuordenbarkeit der Elemente bleibt erhalten, im Gegensatz zu den über min-width, max-width, %-Lösungsansätzen.

Grüße

[AndreasB]

Zitat von derdiedas

Finde ich nicht usable da die Zuordnung verloren gehen kann

Hhmm. Ich verstehe noch nicht, was Du meinst. Welche Zuordnung meinst Du bitte geht in
http://borumat.de/bilder/misc/nav-horizontal-1.png
verloren?

Zitat von derdiedas

und aus gestalterischen Gesichtspunkten. Und es existiert ja nicht nur ein Element (Hauptnavigation), andere Elemente z.B. Texte leiden unter varierenden Breiten –; zu lange, zu kurze Zeilenlängen etc.

Vielleicht stehe ich auf der Leitung. Ich verstehe auch hier nicht, was Du meinst und wo der Zusammehang zum Navigationsbereich ist.

Zitat von derdiedas

Generell – wie findest du die Möglichkeit mit elastic design (http://www.alistapart.com/articles/elastic) zu arbeiten?

Die Steuerung der Anzeigegröße über die relative Maßeinheit em. Dies ermöglicht das gleichmäßige vergrößern bzw. verkleinern der gesamten Website.

Das halte ich für sehr gut und nutze em auch schon sehr lange.

[AndreasB]

Zitat von The Doc

Andreas, das sind zwar nette Punkte, aber du erwartest doch nicht wirklich, dass das alles bei einer guten Navigation erfüllt sein muss?

Welche würdest Du streichen?

Zitat von The Doc

Vorallem die gestalterischen Aspekte sind imho Humbug, da gibt es viel mehr Freiheit und Breite mit PHP ausgeben?

Welche Eigenschaften und Werte soll PHP ausgeben?

Falls es Längenangaben (Werte des Typs length) sind:
Findest Du CSS mit einer Häufung von Längenangaben /schön/?
(Schön im Sinne von klar, übersichtlich, leicht verständlich, leicht pflegbar)
Schöner als ein alternatives Stylesheet, welches mit weniger Längenangaben auskommt und dennoch skalierbares Layout bietet.
(BTW ist das der Grund, wieso ich CSS-3-DIV-Layouts sehr kritisch gegenüberstehe, im Vergleich zu CSS-3-TD-Layouts)
Siehe:
http://borumat.de/html-und-css-tipps...spalten-layout

[fricca]

Zitat von Andreas Borutta

Welche würdest Du streichen?

Ich persönlich sehe nicht die Möglichkeit, einen pauschalen Pflichtenkatalog für Navigationen zu erstellen.
Ich brauche den Zusammenhang des gesamten Layouts.

Welche Eigenschaften und Werte soll PHP ausgeben?

Genau das ist die Frage. TheDoc hat deine Seite fragend zitiert. (Punkt 4 der Anforderungen)

(BTW ist das der Grund, wieso ich CSS-3-DIV-Layouts sehr kritisch gegenüberstehe, im Vergleich zu CSS-3-TD-Layouts)
Siehe:
http://borumat.de/html-und-css-tipps...spalten-layout

Hm. Da möchte ich auch mal kritisch einhaken. Du schreibst:
| # in CSS existieren keine Eigenschaften für Spalten-Layouts
| # wenn die drei Inhalts-Bereiche mit div ausgezeichnet werden, kann
| daher ein Spalten-Layout nur nachgebildet werden

Das stimmt so nicht. Die display-Eigenschaften einer Tabelle lassen sich auch auf andere Elemente (hier: div) anwenden. CSS bietet also sehr wohl die Möglichkeit für ein 3-Spalten-Layout wie du es wünscht.
Der böse Bube ist nicht CSS.


Ein interessanter Ansatz für das "ultimative Layout" ist hier zu finden:
http://positioniseverything.net/articles/onetruelayout/

Grüße
fricca

[derdiedas]

Zitat von Andreas Borutta

Hhmm. Ich verstehe noch nicht, was Du meinst. Welche Zuordnung meinst Du bitte geht in
http://borumat.de/bilder/misc/nav-horizontal-1.png
verloren?

Wie fricca sagt, du kannst nicht die Navigation von den anderen Sitelementen isoliert betrachten. Klar in deiner Grafik ist eine Zuordnung noch da, aber es fehlen die anderen Siteelemente um dein "Pflichtenheft" gegenzu"prüfen".

Bei _sich automatisch dem Viewport anpassenden_ Layouts verlieren die Siteelemente sehr oft die nötige visuelle Beziehung zueinander (z.B. die vertikale Ausrichtung der Elemente zueinander). Inhalte zeigen sich "zerrissen" und manchmal geht auch inhaltliche Struktur verloren. Beides sind Punkte die das Erfassen von Inhalt erschweren, von Ästhetik gar nicht zu sprechen.

Grüße