Layout-Rahmen als "Hilfsgitter" anzeigen

[SHO]

Hallo zusammen,

vorab: Ja, ich bin ANFÄNGER mit Typolight UND auch CSS - aber sehr motiviert und eben hilfesuchend :-)

Ich habe bereits eine Testseite angelegt (lokal/xampp) und Inhalte erstellt. Die groben Zusammenhänge Seite-->Seitenlayout-->Stylesheet und Artikel-->Layoutbereich-->Element/Modul sind also erstmal klar denke ich.
Nun möchte ich mir gern um alle Frames Rahmen anzeigen lassen, um die Abmessungen/Grenzen meiner gewählten Layoutbereich für die weitere Gestaltung vorübergehend sichtbar zu machen.
Also header, links, rechts, footer etc. sollen einen Rahmen bekommen.
Normalerweise würde man doch mit frameset border=5px o.ä. sein Zeil erreichen oder? Und in Typolight? Dachte es müsse über ein eigenens Stylesheet gehen, weiß aber nicht, was ich dann als Selektor angeben soll...

Wenn ich es mit * als Selektor versuche, dann Werden tatsächlich auf der Seite für jedes (!) einzelne Element Rahmen gezeichnet, das ist aber zuviel, weil dann zB auch die einzelnen Kalendertage Rahmen bekommen im Kalender :-)

Hilfe? ;-)

Danke..SHo

[gera]

Hallo SHo,

vielleicht hilft Dir das ( [TemplateInfo] Anzeige von Templateinformationen) weiter???

Gruß Gera

[marrxx]

Hallo SHO,

Willkommen!!
Also ich habe gute Erfahrung mit Firefox in Verbindung mit dem plugin/add-ons FIREBUG bzw. WEB DEVELOPER gemacht. Dort kannst Du ganz einfach im Menü im Punkt Informationen "Anordnung von DIV-Elementen einblenden" benutzen, ich denke damit kann man eine ganze Menge über CSS lernen, jedenfalls war es bei mir so.

Gruß
Marrxx

[SHO]

..ich werde beide Varianten heute Abend testen und dann ein Feedback scheiben! Klingt ja erstmal vielversprechend ;-)
bis später
SHo

[lomex]

Arbeitest Du denn ernsthaft mit Frames?
Ansonsten sind die standardmäßigen Bereich #wrapper, #head, #container, #main#, #left, #right, #footer.

Im Stylesheet dementsprechend:

#left border 1px solid #556677;

Bzw. #left als Selektor und unter Rahmen jeweils 1 (oben, rechts, unten, links) und rechts Pixel eintragen, dazu solid und eine Farbe aussuchen.

Nicht vergessen, das Stylesheet nach dem Anlegen im Seitenlayout zu aktivieren!

Olli

[SHO]

Hallo Lomex..

Danke für die Antwort. Ich bzw. Typolight scheinen Frames zu benutzen ja, denn wenn ich mir den Quelltext der generierten Seite ansehe, auf der bisher nur die Spalten/Bereiche festlegt und wenige Module eingebunden sind, dann wird auch ein frameset mit 2 frames angezeigt. Mehr kann ich dazu nicht sagen.

Aber die Bereiche per #header etc. anzusprechen und ihnen einen Rahmen zu verpassen hat geklappt und den gewünschten Effekt! Vielen Dank - ich wusste einfach nicht, über welchen Selektor ich sie ansprechen sollte!

Firebug habe ich mir zusätzlich totzdem installiert-auch das ein guter Hinweis, Vielen Dank!


...bis dahin
Grüße, SHo

[do_while]

Hallo SHO,

die Frame-Darstellung betrifft nur die Vorschau aus dem Backend. Wenn man richtig das Frontend aufruft, sind da keine Frames mehr!