suit: Übertragung einer HTML-Tabelle in CSS-DIVs

Beitrag lesen

eine Tabelle zusammengestellt, die folgende Ausgabe bewirkt:

vergiss einen moment die tabelle

Ich möchte dieses Konstrukt nun in - hoffentlich - wesentlich kürzeren css-Code umwandeln.

gute idee

Wie gehe ich hier am besten vor?
Wie würdet Ihr vorgehen?
Wie sähe Eure Struktur aus?

denke darüber nach, die das dokument aussehen soll, wenn es keine stylesheets, kein layout und sonst nix gibt - sprich wie ist es logisch stukturiert,

hauptüberschrift/seitenkopf

  • breadcrumbs (wo bin ich?)
  • springe zu #menu, #suche
  • eigentlicher inhalt (gegliedert, mit überschriften aufgeschlüsselt)
  • #menu/seitennavigation
  • #suche
  • fussziele (copyright, impressumlink was auch immer)

warum das menu unter dem inhalt: ganz einfach, wenn du eine lange navigation hast, sollte man diese nicht vor den wesentlichen inhalt stellen - das ist benutzerunfreundlich wenn man den text ohne stylesheet liest oder vorgelesen bekommt

siehe als beispiel zb die wikipedia (nicht vom aufbau des codes sondern von der reihenfolge und struktur - die seite macht ohne css auch noch was her)
http://de.wikipedia.org/wiki/Akademie_für_Jugendführung

wenn du das gemacht hast, denk darüber nach, wie sich die seite im browser verhalten soll und wie du das ganze formatierst - und welche (gruppierenden) elemente du jetzt zusätzlich benötigst, um das ganze zu formatieren (meistens braucht man ein paar container für die grobe struktur)