Meinung / Erfahrung CSS Layout "Navileiste"

[confucius]

Hallo Freunde des CSS ohne Tabellen

Ich bin gerade dabei ein neues Layout basierend auf css (ohne Tabelle für die Navileiste) aufzubauen, da es mit der Tabellendarstellung immer Probleme gab.
Ich habe das css Layout soweit erstellt und nun stellt sich mir die Frage: Soll ich die Navigationsleiste (waagrecht; enthält 10 Einträge) als ein div (div id="navi") auslegen, und die 10 Einträge hintereinander "niederschreiben" und verlinken, oder lieber 10 div's definieren, die hintereinander stehen?

Gibt es hier Erfahrungen, Vor- und/oder Nachteile?

Greets
Marcus

 

[Herr_D]

AW: Meinung / Erfahrung CSS Layout "Navileiste"

ein div darin eine liste ul inklusive li




10div nebeneinander ist auch nicht besser als tabellen

 

[confucius]

AW: Meinung / Erfahrung CSS Layout "Navileiste"

Ok. Mal öfter was neues. Da ich mich erst seit kurzem mit css beschäftige bin ich immer auf der Suche nach Tips. Bisher habe ich mir css4you.de angesehen und templates besorgt um diese zu "zerpflücken" um css zu verstehen.
Aber mit dem Listenelement geht das natürlich auch recht flott.
THX für die schnelle Hilfe.

 

[feelx75]

AW: Meinung / Erfahrung CSS Layout "Navileiste"

Hoi

Yep, Herr_D hat völlig recht. Und generell musst du folgendes verstehen: HTML ist die Struktur - und CSS die Formatierung.
Anders ausgedrückt: Tabellenloses Design heisst nicht dass man CSS einsetzt... denn du könntest ja auch Tabellendesign mit CSS formatieren, sondern auch die Struktur (=HTML) so einsetzt, wie es am sinnvollsten ist...

Viel besser ist es, wenn du die HTML-Tags (Elemente) so einsetzt, wie sie Sinn machen. Und da ist für eine Navi natürlich die Liste das geeignte Element. Das Ziel von guter Struktur ist eigentlich dann erreicht, wenn du eine Seite im Browser anschaust, dabei CSS / JS ausschaltest und das was du im "Textmode" siehst, immer noch Sinn macht... Und dann wirst du sehen, dass eine Liste durchaus sinnvoll ist

Und wenn du es so machst, wie selfhtml im Beispiel, dann hast du den Vorteil, dass du dank des DIVs ausserhalb (=wrapper) auch deine ul/li Tags getrennt im CSS ansprechen kannst.
CSS: DIV#nav ul {....} usw.