nicht angemeldet
Tach,
weiß wer von euch, wie ich so ein layout von meiner homepage machen kann?
im Gegensatz zu den anderen bin ich der Meinung du solltest unter keinen Umständen versuchen das ganze mit Tabellen zu lösen, gerade, wenn du erst mit dem lernen anfängst. Denn was bringt es, wenn du jetzt etwas lernst, was seit 1997 nicht mehr zeitgemäß sein sollte.
Also nur als Denkanstoß:
Versuche dir als erstes die logische Struktur deines Dokumentes vorzustellen, das hat mit dem späteren aussehen nichts zu tun:
Menü, News und Sonstiges sind offensichtlich Listen von Dingen, also formatiere sie mit <ol> und <li>. Überschrift ist eindeutig ein <hx>, der Text in der Mitte wäre vermutlich in Absätzen, also <p> am besten aufgehoben. Es wird sich vermutlich anbieten die Absätze des Textes noch mal in einem Elternelement <div> zusammenzufassen. Das wäre eigentlich alles was mit HTML zu erledigen ist.
Jetzt kommt der Teil: wie soll ich das Design umsetzen, das ich mir vorstelle:
Am besten geht man von hinten nach vorne vor. Das "Quadrat" mit den abgerundeten Ecken sollte ein weiteres div sein, welches alle anderen Elemente enthält. Willst du wirklich runde Ecken, dann schau dir http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/index.htm an; ich würde es lassen. Das div darüber enthält dann die Texte, und bekommt einen Margin um den Abstand zum vorherigen div anzuzeigen. Jetzt mußt du "nur noch" die <ol> und <hx> Elemente positionieren, im Optimalfall relativ und nicht absolut. und schon hast du ein solches Design, wie du es wünscht. Die von dir eingezeichneten Linien wären jeweils die Räder der Block Level Elemente.
Wenn du dabei noch konsequent die Einheiten em oder % verwendest und den Validator (http://validator.w3.org) bemühst, wirst du ein sehr gutes, barrierefreies und modernes Ergebnis erhalten.
mfg
Woodfighter