Die von Bernbaer ist prinzipiell nicht schlecht, aber sie erinnert mich an eine von vielen Websiten, die genau so aufgebaut sind. Website-Baukästen haben ähnliches im Angebot.
Wenn du deinem Entwurf einen etwas moderneren Header verpasst, gefällt mir der besser.
Dann noch ein zusätzlicher, kleinerer Screenshot, der nicht vom Browser herunterskaliert wird (das ist immer sehr schlecht, da es einfach bescheuert aussieht aufgrund fehlendem Antialiasing) und gut.
Ein ganz schnell zusammengemaltes Beispiel:
xputest.png
Der Text ist übrigens besser lesbar, wenn er nicht direkt aneinander klebt. Zumindest empfinde ich es so. Also ruhig ein paar Abstände einfügen bzw. herum probieren:
xputext.png
Die CSS-Eigenschaften nennen sich "line-height" und evtl. "margin" für die Abstände z.B. zum Screenshot-Untertitel" (die habe ich im letzten Beispiel verändert neben der Schriftart auf Verdana, aber das ist Geschmacksache).
Zitat
Baum-Darstellung
