nicht angemeldet
Du hast in diesem Sinne bereits den Kardinalfehler überhaupt begangen: Du verwendest uralte HTML-Tags,
Was z.B. außer <font>????
Eine Liste findest Du unter http://selfhtml.teamone.de/html/referenz/varianten.htm, das eigentliche HTML-Standardpapier unter http://www.w3.org/TR/html4/, CSS unter http://www.w3.org/TR/REC-CSS2/.
Grundsätzlich brauchst Du Dich bei jedem Element und Attribut nur fragen, was es bewirkt, nur eine optische Änderung oder hat es auch eine inhaltliche Aussage? Mit <font> erreichst Du nichts weiter als Farb- oder Schriftsatzänderungen, <h1> hingegen stellt nicht nur Text groß dar, sondern sagt vor allen Dingen auch "Überschrift 1. Ordnung".
Gibt es eine Art List wo alle HTML 4.01 Tags drinstehen?
In der SelfHTML-Referenz (siehe oben) findest möglicherweise eine vollständige Liste. Du kannst aber auch direkt im Standard nachschauen und im Zweifelsfalle den HTML-Validator befragen. Für CSS gibt's übrigens auch einen: http://jigsaw.w3.org/css-validator/.
Anderes Beispiel, das hier bereits angesprochen wurde: Du verwendest Tabellentags (<table>, <tr>, <td>), um Seitenteile auf dem Bildschirm zu platzieren.
Natürlich, sinn verschachtelte Tabellen... Gibts oft.
Kein Wunder, war auch die erste Möglichkeit, derartiges Layout zu erreichen. Aber fährt die Bahn heute noch regulär mit Dampfloks?
Wie soll ichs sonst darstellen?
Es würde jetzt zu weit führen, hier einen kompletten CSS-Kursus reinzusetzen, deshalb nur kurz und bündig:
Du hast mit CSS die Möglichkeit, HTML-Elemente auf dem Bildschirm (oder Papier oder wo auch immer) zu platzieren. Wichtigste Angaben dazu sind position, top, right, bottom, left, width und height, weiterhin padding (Innenabstand), border (Rahmen) und margin (Außenabstand). Informiere Dich über diese in SelfHTML oder im oben genannten CSS-Papier (http://www.w3.org/TR/REC-CSS2/visuren.html#positioning-scheme, http://www.w3.org/TR/REC-CSS2/box.html).
Beachte aber, daß Du Dich nicht zu sehr mit pixelgenauen bzw. absoluten Angaben festlegst. Wie Du in diesem Thread ja auch schon bemerkt hast, kannst Du keine Fenstergröße voraussetzen, was bei Dir in das Browserfenster passt, muß noch lange nicht bei anderen funktionieren. Für viele Dinge, insbesondere die Schriftgröße, ist es besser, die Einheit em oder auch % zu nutzen (http://www.w3.org/TR/REC-CSS2/syndata.html#values).
Schaue Dir auf jeden Fall an, wie andere Seiten CSS einsetzen. Der CSS Zen Garden ist ein guter Startpunkt dafür, Du findest in der Designliste auch die privaten Seiten der Designer. Die allermeisten dürften ebenfalls standardgemäß augebaut sein, eindeutiges Indiz ist dafür das gelb-weiße W3C-Logo (auch beim CSS-Validator unten rechts zu sehen).
http://alistapart.com/ ist ebenfalls lesenswert.
Schreibe Deine Seite erstmal in einfachem HTML. <font>, <b> & Co. willst Du ja vermeiden, setze stattdessen <h1> bis <h6>, <p>, <strong> und dergleichen ein.
Ist das Ganze vernünfigt und fehlerfrei (http://validator.w3.org) geschrieben, versuchst Du, mittels CSS die einzelnen Teile so zu platzieren, wie Du es wünscht. Teile, für die Du kein vernünftiges HTML-Element finden kannst, aber trotzdem positionieren oder sonst gestalterisch bearbeiten willst, kannst Du stattdessen mit <div> (Blöcke) oder <span> (Wortgruppen) umfassen.
Bedenke aber, daß das alles nicht an einem Tag und auch nicht in einer Woche gelernt ist. Setze Deine Erwartungen also vielleicht nicht allzu hoch. Wichtig an einer Seite ist meiner Meinung nach in erster Linie sowieso der Inhalt - wie ich eingangs schon geschrieben hatte: In rohem, standardgemäßem HTML, einfach schwarze Schrift auf weißem Grund, würde ich Deine Seite viel eher regelmäßig besuchen als so, wie sie jetzt daher kommt. Man kann mit zuviel Design ein Projekt auch zukleistern und unbenutzbar machen.
Gruß,
soenk.e