Page 1 of 1

DIV Layout über das Seitenlayout steuerbar

Posted: Sun 5. Feb 2006, 22:50
by ThomasL
Hallo Gemeinde,

ich steh vor einem kleinen Problem bzw. Fragestellung. Ich will gerade ein Layout auf DIV-Basis anlegen, hierbei werden sämtliche Blöcke (Kopfzeile bis Footer) über die Vorlagenseite einzeln angesprochen. Also genau so wie das wCMS einem die Möglichkeit gibt.

Nun stell ich aber beim anlegen des Seitenlayouts fest, das mein DIV-Layout in den grundlegenden Breiten letztenendes nur über die CSS steuerbar und nicht wie zB beim Tabellenlayout über die Adminseite "Seitenlayout". Gibt es hier besondere Ansätze oder gar Hacks, da es so bisher (noch) nicht vergesehen war ...

danke und Grüße aus HH,
Thomas

Posted: Mon 6. Feb 2006, 01:03
by pepe
Hallo ThomasL.

aber das ist doch gerade der Witz bei der Sache mit dem DIV Layout :idea:

In der Vorlage steht nur noch die Verschachtelungsstruktur der Container.
Jetzt wird die Feinanpassung komplett in der CSS gemacht.

Damit wird die CSS Datei nur noch einmal geladen und der restliche Code der einzelnen Seiten ist extrem kurz und beinhaltet keinerlei Abmessungen und Formatierungen mehr.... Und so sollte es doch auch sein.

Deine Frage wird also nicht vollkommen klar???

Natürlich kannst du nun einige Formatierungen wieder in den html-head legen.... aber das sollte doch eher die Ausnahme sein und nur wenige Korrekturen der frontend.css betreffen....

Vielleicht stellst du deine Frage etwas genauer???

Posted: Mon 6. Feb 2006, 09:12
by pico
Hi

einen ersten Einstieg findest Du evtl. hier http://www.hdk-online.de/howto.phtml

Posted: Mon 6. Feb 2006, 14:02
by marcus@localhorst
hi,
prinzipell geht das nicht, du könntest aber in der front.func.inc.php ab zeile 292 rumfummeln und schauen, ob du das irgendwie hinbekommst :-)
ich kann jetzt auf den ersten blick nicht erkennen, woher die absoluten breiten der tabellenzellen kommen. (diese angaben willst du ja verwenden um die divs fixieren) Vermutlich musst du da irgendwelche funktionen/werte zusammensuchen, die das tun.
ich würde allerdings davon abraten, weil es umständlich ist (auch beim aktualisieren deiner installtion) und wie gesagt alles über die css gesteuert wird.
oder du benutzt die custom layout option und schreibst dein div gerüst in den maincontent bereich und stellst dort die breiten ein.
aber so toll ist das auch nicht...

grüße
marcus

Posted: Mon 6. Feb 2006, 15:51
by ThomasL
Hi Marcus,

danke für die Info - habe mir eigentlich schon soetwas gedacht. Wollte es nur von jemand 3. hören.
Rumfummeln kommt bei mir nicht in Frage - d.h. muß dann wohl anfangen die mir gegebenen Möglichkeiten zu nutzen, und nicht immer nach neuem suchen ;)

danke allen,
vg Thomas

Posted: Mon 6. Feb 2006, 16:22
by pico
Hi

du kannst doch in den einzelnen DIV-Classen auch entsprechende Breiten angenben - so wie auch bei TABLE - oder versteh ich das Problem nicht ?

Posted: Mon 6. Feb 2006, 16:59
by ThomasL
Ja kann ich, aber nur in der Stylesheetdatei - hier in unserem Falle die frontend.css
Die Tabellen kann ich aber direkt über die Adminoberfläche in den einzelnen Felder definieren und einstellen. Das wollte ich für DIVs auch haben, bzw. fragen ob ich hier etwas flasch gemacht hatte ...

vg, Thomas

Posted: Sat 22. Apr 2006, 11:16
by Nordlicht
Ja, dass habe ich auch bemerkt. Die Einstellungen im Admin-Bereich unter
seitenlayout und hier unterhalb vom Seitenaufbau, werden nicht in die css-Datei übernommen. Aber woher soll phpwcms auch wissen, welche
css-Datei es nehmen soll. Aber selbst wenn man die Standard-Datei frontend.css verwendet, wird dieses hier nicht eingetragen.

Vielleicht sollte der untere Bereich einfach ausgeblendet werden, sobald
man css-Div auswählt und einHinweis zum editieren erscheinen.

Posted: Sat 22. Apr 2006, 16:35
by Klappstuhl28
Ja kann ich, aber nur in der Stylesheetdatei - hier in unserem Falle die frontend.css
Natürlich kannst du auch eine andere Bezeichnung
oder andere (neue) Datei wählen, solange
du sie richtig aufrufst. Ist aber Quatsch und würd ich
nicht empfehlen.

Wenn dir die CSS zu unüberischtlich ist, kannst du
*/ hier munter Kommentare eintragen und das dann so wieder schließen /*

Kleiner Tipp, ruf dir die "Bastelecke" also frontend.css
einfach doppelt auf. Eine als Sicherung. Und eine
zum Basteln. Wenn das Gebastel komplett in die
Hose gegangen ist, drückst du in der originalen
Einstellung auf speichern und fertig.

Oder du kopierst die CSS Einstellungen vorher in Word oder
sowas. Und kopierst es später wieder in das Feld mit den
CSS-Anweisungen.

Rumbasteln ist eine feine Sache, da so gut ein Gespür
z.B. für das Skript, Layout und so weiter entwickelt wird.
Die Absicherung ist entscheidend.

Was einen schönen Überblick über CSS liefert ist.
http://www.css4you.de

Posted: Sat 22. Apr 2006, 17:03
by update
Hi Klappstuhl28
*/ hier munter Kommentare eintragen und das dann so wieder schließen /*
Up to now I thought that it would go like this:
/*hier munter Kommentare eintragen und das dann so wieder schließen
you can span several lines also
more lines
even more*/

Or am I completely on the WoodWay :wink: ?
BTW: I Besides the page mentioned before I like http://cssplay.co.uk also...

Greetings
claus

Posted: Sat 22. Apr 2006, 17:06
by Klappstuhl28
:oops:
Of course you are right. I think i should take more
time.

Posted: Sun 23. Apr 2006, 12:41
by pico
Hi

and very nice and usefull for 'developing' the CSS is the Plug-In 'Edit-CSS' and/or 'Web-Developer' for FireFox - you can edeit the CSS on-the-fly and see what happens, after that copy the 'edited' CSS with STRG-C and paste it to your frontend.css.