Navigation und Text mit Tabelle oder DIV ?

[opi]

Hallo zusammen,

mit welchen Mitteln erstelle ich am besten eine vertikale
Navigationsleiste und daneben den Text?

Ich habe mir mal ein paar Sites angesehen und bemerkt, dass hier
sehr viele mit einer Tabelle arbeiten, aber Tabellen sollen ja
eigentlich nicht zu formatierungszwecken genutzt werden.

Sind DIVs hier die bessere Variante?

Greez,
opi

[Ingo Turski]

Hi,

Sind DIVs hier die bessere Variante?

nein. Wie Du hier zigfach nachlesen könntest, wenn Du mal auf die Suche gehen würdest, wäre eine Liste eine sinnvolle Auszeichnung. Beispiele hierzu findest Du auch in der Doku.

freundliche Grüße
Ingo

[opi]

Hallo Ingo,

Sind DIVs hier die bessere Variante?
nein.

in diesem Beispiel wird aber auf DIVs verwiesen.

http://de.selfhtml.org/css/layouts/fixbereiche.htm

wäre eine Liste eine sinnvolle Auszeichnung.

das ist mir schon klar! Meine Frage deutete allerdings darauf hin,
wie ich nun den Text neben die Navigationsleiste bekomme und da
kam mir halt eine Tabelle in den Sinn.

Greez,
opi

[Ingo Turski]

Hi,

Sind DIVs hier die bessere Variante?
nein.

in diesem Beispiel wird aber auf DIVs verwiesen.

http://de.selfhtml.org/css/layouts/fixbereiche.htm

Aber nur, weil diese hier zur Gruppierung der Elemente und für den IE-Workaround erforderlich sind. Normalerweise reiche eine UL für die Navigation aus.

wie ich nun den Text neben die Navigationsleiste bekomme

Schau Dir doch die Beispiele, die Du ja bereits gefunden hast, einfach an.

freundliche Grüße
Ingo

[Efchen]

Meine Frage deutete allerdings darauf hin,
wie ich nun den Text neben die Navigationsleiste bekomme und da
kam mir halt eine Tabelle in den Sinn.

Du fragst nach einer Lösung zu einem DARSTELLUNGSproblem und schlägst als Lösung ein STRUKTURelement vor?
Das geht nicht!

HTML ist für die Struktur eines Dokuments da. HTML beschreibt, was der Inhalt bedeuten soll. Überschriften werden als solche gekennzeichnet, Textabsätze, Adresse, und tabellarische Daten.

Wie man die strukturierten Elemente dann anordnet, ob nebeneinander, übereinander, verdeckt, oder wie sonst, dafür ist allein CSS zuständig.

Das solltest Du beim CSS-Layout verinnerlichen. Das ist logischer, einfacher, und erspart Dir ne Menge Ärger. Und fällt sehr viele Barrieren. Du erreichst 100%ige Nutzbarkeit in allen Clients.

[opi]

Hallo,

HTML ist für die Struktur eines Dokuments da. HTML beschreibt, was der Inhalt bedeuten soll. Überschriften werden als solche gekennzeichnet, Textabsätze, Adresse, und tabellarische Daten.

Wie man die strukturierten Elemente dann anordnet, ob nebeneinander, übereinander, verdeckt, oder wie sonst, dafür ist allein CSS zuständig.

Das solltest Du beim CSS-Layout verinnerlichen. Das ist logischer, einfacher, und erspart Dir ne Menge Ärger. Und fällt sehr viele Barrieren. Du erreichst 100%ige Nutzbarkeit in allen Clients.

ok! Ist angekommen! Danke für den Rat!

Greez,
opi

[Efchen]

ok! Ist angekommen! Danke für den Rat!

Gern geschehen!

[Marian]

Hi opi,

mit welchen Mitteln erstelle ich am besten eine vertikale
Navigationsleiste und daneben den Text?

Ich habe mir mal ein paar Sites angesehen und bemerkt, dass hier
sehr viele mit einer Tabelle arbeiten, aber Tabellen sollen ja
eigentlich nicht zu formatierungszwecken genutzt werden.

http://de.selfhtml.org/css/layouts/

Gruß, Marian

[opi]

Hallo Marian,

http://de.selfhtml.org/css/layouts/

diesen Link hatte ich schon entdeckt und finde die Beispiele auch
recht gut. Aber wie bekomme ich nun meinen Text neben die
Navigationsleiste? Arbeite ich da besser mit einer Tabelle, mit DIVs
oder gibt es eine bessere Lösung?

Greez,
opi

[Efchen]

Aber wie bekomme ich nun meinen Text neben die
Navigationsleiste?

Mit CSS. Mit float z.B.

Arbeite ich da besser mit einer Tabelle, mit DIVs
oder gibt es eine bessere Lösung?

Wie unten geschrieben. Auf eine CSS-Frage kannst Du keine HTML-Antwort geben. Suche nicht bei HTML, das für die Struktur da ist, wenn Du eine Frage zum Layout/Design (CSS) hast.

[Marian]

Hi opi,

http://de.selfhtml.org/css/layouts/

diesen Link hatte ich schon entdeckt und finde die Beispiele auch
recht gut. Aber wie bekomme ich nun meinen Text neben die
Navigationsleiste? Arbeite ich da besser mit einer Tabelle, mit DIVs
oder gibt es eine bessere Lösung?

also: du erstellst die seite, ein <ul id="navigation"> für die navigation und ein <div id="inhalt">, das sieht dann so aus: http://de.selfhtml.org/css/layouts/anzeige/2spaltig.htm

dann kannst du das mit css gestalten. das sieht dann - je nach layout so  oder so aus.
das ist ein weiterer vorteil von css-statt-tabellen-layouts: du kannst deine seite ganz einfach umändern (oder ein script anbieten, mit dem der user es sich selbst aussuchen kann)

ps.mach bitte kein festes layout wie hier: http://de.selfhtml.org/css/layouts/anzeige/2spaltig_breite.htm
bei großen bildschirmen wird platz verschenkt und wenn man das fenster verkleinert, muss man doch scrollen]

Gruß, Marian

[opi]

Hallo Marian,

so  oder so aus.

genau das habe ich gesucht und nicht gefunden!

Danke! :-)

Greez,
opi