Hallo
ob es auch möglich ist aus meinem HTML code sowas zu machen ohne viel zu verändern
Nein, das ist es leider nicht.
ob ich es einfach verbockt habe
Wahrscheinlich ja.
Grundsätzlich kannst du deine Seite erstellen und gestalten wie du willst. Also auch mit einem sachlich eigentlich falschen Tabellenlayout.
Bis zum Jahr 2000 gab es für Webseiten kaum Gestaltungsmöglichkeiten. (Gestaltung = Layout) Deshalb wurden Tabellen bewußt zur Gestaltung mißbraucht. Allerdings haben Layouttabellen viele Nachteile, die in Kauf genommen werden mussten.
Mit der Einführung von CSS2 im Jahr 2000 hat sich das grundlegend geändert. Seitdem sind Tabellen zur Gestaltung nicht mehr erforderlich und auf die Nachteile konnte verzichtet werden.
Tabellenlayouts werden heutzutage nur noch verwendet, wenn der Webseitenersteller keine Besucher wünscht oder sie abschrecken will. Wenn das dein Wunsch ist kannst du natürlich beim Tabellenlayout bleiben - mit all seinen Nachteilen.
Du hast zum Beispiel keinen Einfluß, mit welchen Geräten deine Besucher deine Webseite aufrufen. Spätestens mit Tablets und Smartphones, zumal im Hochformat, sind Webseiten mit einem Tabellenlayout nicht mehr zu nutzen.
Du brauchst ja nur mal deinen Browser schmaler zu ziehen. Es ist immer wieder erstaunlich, wie viele Webseitenersteller ihre Fortschritte nur im Vollformat auf ihren Großbildschirmen betrachten und noch nicht mal das schaffen.
Und wenn Webseitenersteller behaupten, grade ihre Besucher würden nur vor großformatigen Desktop-Bildschirmen sitzen glaube ich ihnen nicht.
Dazu habe ich schon zu häufig erlebt, dass Webseitenersteller, für die nur ein Tabellenlayout in Frage kam, nach ein, zwei Jahren mit dem Wunsch erschienen, ihre Seite doch responsive zu machen. Es würden sich einfach zu viele Besucher beschweren oder sie hätten kaum noch Besucher. Bei einem Tabellenlayout bleibt dann nur die Antwort: Abreißen und alles neu machen.
Wenn deine Besucher dich nicht interessieren kannst du gerne beim Tabellenlayout bleiben. In Foren wirst du dazu aber kaum Unterstützung finden. Für uns Helfende ist es nervig Lösungen zu finden, von denen wir wissen, dass sie innerhalb kurzer Zeit wieder über Bord geworfen werden.
Tabellendaten, für die Tabellen gedacht sind, benötigen auch kaum Formatierungen. Wer in den letzten Jahren HTML / CSS gelernt hat, kann die deshalb kaum noch formatieren, außer ein paar Grundformatierungen . Das ist schlicht unnötig geworden. Und wer wie ich noch mit Tabellenlayouts begonnen hat, ist im allgemeinen froh, auf die Nachteile verzichten zu können.
In halbwegs aktuellen Anleitungen zu HTML / CSS sind Tabellen entsprechend auch nur noch ein Nebenkapitel, in dem nur die grundlegenden Elemente und CSS-Anweisungen erläutert werden.
Ansonsten kannst du gleich aktuelles HTML5 / CSS3 wie im Standard vorgegeben benutzen - oder spätestens wenn du von deinen Besuchern genügend Prügel bezogen hast.
Siehe zum Beispiel:
http://www.css4you.de/wslayout1/
oder
http://www.barrierefreies-webdesign.de/knowhow/layout-tabellen/
Gruss
MrMurphy