Grunbdlegende Layoutfrage

[InSane]

Erstmal Hallo,

bin neu hier

Und deshalb hab ich auch ein Problem. Bisher habe ich Websites immer auf Basis von tabellen gestaltet.

Vieleicht deswegen mein grundlegendes Problem.

Ich habe ein Layout mit : headder, left, main und footer

Module bekomme ich Problemlos nacheinander integriert, aber wie ich sie genauer positioniere etc. verstehe ich nicht und ich habe leider auch bisher nichts dazu finden können.

Ich habe z.B. einen Teil meines Headder Design als HTML-Modul "verfasst" und so eingebunden. Jetzt wollte ich das Suchmodul in diesem Bereich integrieren, aber WIE?

War meine Rangehensweise grundsätzlich falsch? Muss ich eher das Template designen? Allerdings frage ich mich auch dann wie ich die Module in mein Design/Layout so wie ich es will integrieren kann. Da im Template ja nur ein Platzhalter für den Headder zur Verfügung steht, und ich die Module nur nach einander einfügen kann.

Danke für eure Hilfe.

Ich freue mich auch über Links zu passenden Dokumentationen etc. Selbst habe ich ledier nichts passendes gefunden.

Wer etwas sehen möchte: klick

Die Navigation habe ich einfach per HTML Modul eingebunden, jetzt stellt sich die Farge wie ich z.B. rechts daneben die Suchfunktion integrieren kann.

[ku-ma-122]

Die Herangehensweise ist selbstverständlich so nicht gedacht.

Statt die Navigation selbst mit HTML zu erstellen, solltest Du das dem Modul "Navigation" überlassen. Die gleiche Navigation ist mit CSS um ein vielfaches schneller zu erstellen.

Genauso kannst Du dann natürlich auch das Modul "Suche" einbinden und per CSS an das gewünschte Layout anpassen.

Wenn Du keine andere Lösung siehst als Dein Layout mit Tabellen zu erstellen, kann ich Dir versichern, wirst Du mit TYPOlight nicht glücklich. Da Du hier nahezu jedes Systemtemplate neu schreiben müsstest - was natürlich nicht Sinn und Zweck sein kann.

Links:
- Eine gute CSS-Einführung findest Du hier: http://www.css4you.de/
- Die Erweiterung Firebug für Firefox hilft auf beim lernen ;-)

[InSane]

Danke für die Antwort.

Ich möchte von den Tabellen wegkommen, deshalb die Fragen.

Dann geh ich es mal an.

Also mit Firebug die relevanten css-Klassen rausfinden, und diese dann anpassen, richtig?


Danke

[ku-ma-122]

Ja, das ist für den Anfang auf jeden Fall die einfachste Variante ;-)

Mit dem Firebug kannst Du übrigens auch live testen indem Du die Werte änderst bzw. neue hinzufügst.