Grid und HTML Modul

Druckbare Version

20.07.2011, 20:00
Ria

Grid und HTML Modul

Hallo Contaoianer,

sehe ich das richtig, Grid und Modul "Eigener HTML Code" geht nicht?

Also:

Code:

<div id="irgendwas"class="g6"> <p><h3>Dies ist eine Überschrift links</h3>Kleiner Info-Text Lorem...</p>

und dann ist zwar der Text an der richtigen Stelle aber, in eigenem Stylesheet "gridstyle":

Code:

#irgendwas .g6 { margin-top:1.0em; padding:0.6em 1.0em 1.0em; background-color:#448D5F; border:3px solid #aad9af; font-size:0.8em; color:#fff; }

die Angaben werden ignoriert.

Geht es tatsächlich nur über bzw. mit Artikel/ "Neues Element" ?

Bin da im Moment etwas verunsichert, weil denke, liegt mal wieder nur an mir :o

Gruss Ria
20.07.2011, 20:31
psren

Klar geht das

nur hat sich hier ein Fehler eingeschlichen:

Code:

<div id="irgendwas"class="g6">

da muss ein LEERZEICHEN zwischen " und class. Also richtig dann

Code:

<div id="irgendwas" class="g6">
20.07.2011, 20:49
Ria

Hallo psren ,

danke Dir, das mal wieder übersehen. Leider hat das nichts gebracht.

"Bitte wählen Sie die Stylesheets aus, die Sie dem Layout hinzufügen möchten."

da habe ich auch kontrolliert, Häkchen drin. Jetzt wüste ich keine Stelle mehr, wo ich suchen könnte.
Sehe noch mal in firebug aber das wird mir wohl nix bringen.

Gruss Ria

PS. Kenne allerdings nur Bescheibungen mit Artikel + Element, muss aber nichts bedeuten oder doch?
21.07.2011, 00:35
psren

Nein, das erzeugt ja auch nur HTML.
Also mit dem Element HTML geht das zu 100%, das benutze ich auch öfter.

Schau mal im Firebug nach ob die Klassen greifen.
21.07.2011, 05:29
Thomas

Die Anweisungen für <p> & <h3> werden hier wohl auch noch greifen!
Die hast Du hier aber nicht veröffentlicht.
Vielleicht liegt es daran.
21.07.2011, 06:27
matuweb

Moin,

hast du das div auch wieder geschlossen?
21.07.2011, 19:07
Ria

Hallo,

danke für Eure Hilfe.

ja, hatte die h3 Angaben nur um Platz zu sparen weggelassen:

Code:

h3 { font-size:1.0em; color:#8efbd4; }

Und die DIV's sind geschlossen. Witzig, alles ist an der richtigen Stelle, die h3 Überschrift hat die richtige Farbe! Aber ansonsten keine richtige Darstellung.

Im firebug fehlen alle anderen Styles, außer h3.

NUN ALLES OK, mit:

1. bin nach Thomas Buch vorgegangen und habe Einen Artikel eingesetzt und im HTML Modul einen Inserttag. Etwas umständlich in dem Fall, da ja nur drei Zeilen, finde ich.

2. ich glaube der eigentliche Fehler war die ID, weil meine Startseite eine eigene ID hat. Also man muß wohl die übergeordnete ID im Artikel nehmen und dann in der Style css die andere ID, wie zum Beispiel #footer .g4

Komischer weise scheint es sonst nicht zu funktionieren, aber wahrscheinlich blicke ich immer noch nicht durch. Hoffe kommt noch. :confused:

Gruss Ria
21.07.2011, 21:04
xchs

Hallo Ria,

Zitat:

Zitat von Ria

Code:

<div id="irgendwas"class="g6"> <p><h3>Dies ist eine Überschrift links</h3>Kleiner Info-Text Lorem...</p>

Code:

#irgendwas .g6 { margin-top:1.0em; padding:0.6em 1.0em 1.0em; background-color:#448D5F; border:3px solid #aad9af; font-size:0.8em; color:#fff; }

die Angaben werden ignoriert.

Die Angaben werden deshalb ignoriert, weil Dein CSS-Selektor falsch ist. Im Markup fehlt ein Leerzeichen zwischen den Attributen "id" und "class", im Selektor ist eines zu viel. Ersteres wurde ja schon geklärt, Letzteres sollte so aussehen:

Code:

#irgendwas.g6 { ... }
22.07.2011, 18:20
Ria

Hallo xchs u. @ All,

ja danke Euch, aber das hat psren weiter oben schon gepostet gehabt. Mit dem Ergebnis, das die erfolgte Änderung von mir es nicht gebracht hatte. Ich hatte die falsche ID benutzt. Ich glaube ich benutze auch unnötiger Weise zu viele ID's und Klassen?

firebug zeigt mir das jetzt so an:

Code:

<head> </head> <body id="top" class="startseite"> <div id="wrapper"> <div id="header"> <div class="inside"> <img width="740" height="139" alt="Logo" src="/test02/tl_files/kopfbilder/logo-top.jpg"> <h2>Hier kommt noch eine passende Überschrift</h2> </div> </div> <div id="container" class="clearfix"> <div id="left"> <div class="inside">   </div> </div> <div id="main"> <div class="inside"> <div class="mod_navigation block"> <a class="invisible" href="#skipNavigation10">Navigation überspringen</a> <ul class="level_1"> <li class="active startseite first"> </li> <li class="sibling"> </li> <li class="sibling"> </li> <li class="sibling"> </li> <li class="sibling"> </li> <li class="sibling"> </li> <li class="sibling"> </li> <li class="sibling last"> </li> </ul> <a id="skipNavigation10" class="invisible" name="skipNavigation10"> </a> </div> <div id="mitte-startseite" class="mod_article block"> <div id="mitte-startseite" class="ce_text g9 div.obenmitte block" style="margin-bottom: 10px;"> <h2>Kurzübersicht</h2> <div class="obenmitte"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce orci nisi, gravida ac placerat blandit, ullamcorper et arcu. Nullam diam velit, pellentesque in mollis a, condimentum in arcu. Proin non lorem non justo vulputate aliquam sit amet et sapien. Ut volutpat commodo faucibus. Praesent id leo a lorem <p> </p> <p style="text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce orci nisi, gravida ac placerat blandit, ullamcorper et arcu. Nullam diam velit, pellentesque in mollis a, condimentum in arcu. Proin non lorem non justo vulputate aliquam sit amet et sapien. Ut volutpat commodo faucibus. Praesent id leo a lorem</p> </div> </div> </div> </div> <div id="clear"></div> </div> </div> <img class="invisible" alt="" src="http://localhost/test02/cron.php"> </div> <div id="footer"> <div class="inside"> <div id="index" class="ce_text g3 block"> <h3>Test Überschrift h3 foobox links</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce orci nisi, gravida ac placerat blandit, ullamcorper et arcu.</p> </div> <div id="index" class="ce_text g8 block"> <h3>Test Überschrift h3 foomitte</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce orci nisi, gravida ac placerat blandit, ullamcorper et arcu. Nullam diam velit, pellentesque in mollis a, condimentum in arcu. Proin non lorem non justo vulputate aliquam sit amet et sapien. Ut volutpat commodo faucibus.</p> </div> <div id="index" class="ce_text g3 rechts block"> <h3>Test Überschrift h3 foorechts</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce orci nisi, gravida ac placerat blandit, ullamcorper et arcu.</p> </div> </div> </div>

der footer funktioniert und wird richtig angezeigt, auch beim verkleinern des Browserfensters im FF.
Was ich nicht verstehe, der Block in der Hauptspalte (Text) wird zu ca.60% vom Footer überlagert. Das was zu sehen ist, ist allerdings richtig, mit allen style Angaben und wird aber erst beim verkleinern des Browserfensters komplett sichtbar.

Ich kann also nur die ganze Seite, als Ganzes, scrollen und nicht die Hauptspalte. Fehlt da etwa was in der css:

Code:

#mitte-startseite .g9 div.obenmitte { margin-top:2.0em; padding:0.6em 1.0em 1.0em; background-color:#fff; border:4px solid #aad9af; font-size:0.8em; color:#062307; }

Das Schlimme ist, meine stundenlange Versuche funktionieren alle nicht, erbarmt sich jemand?

Gruss Ria
22.07.2011, 19:02
xchs

Zitat:

Zitat von Ria

...aber das hat psren weiter oben schon gepostet gehabt.

Das fehlende Leerzeichen im Markup hatte psren erwähnt. Dass aber Dein CSS-Selektor falsch war (und übrigens auch jetzt wieder falsch ist), blieb die ganze Zeit hier unerwähnt...

Zitat:

Zitat von Ria

Mit dem Ergebnis, das die erfolgte Änderung von mir es nicht gebracht hatte. Ich hatte die falsche ID benutzt.

Du hast deshalb keine Änderung gesehen, weil - wie schon gesagt - Dein CSS-Selektor falsch war (bzw. nach wie vor falsch ist). CSS-ID hattest Du schon die Richtige benutzt...

Zitat:

Zitat von Ria

Ich glaube ich benutze auch unnötiger Weise zu viele ID's und Klassen?

Ja, da hast Du nicht unrecht. Ich hatte Dir schon mal an anderer Stelle erklärt, dass eine bestimmte CSS-ID nur einmal pro HTML-Seite vorkommen darf. Wenn Du Dir Dein Markup näher ansiehst, dann wirst Du feststellen, dass die CSS-ID "mitte-startseite" hier zweimal auftaucht: Sowohl im umschließenden Artikel als auch im Artikel-Inhaltselement vom Typ "Text".

Zitat:

Zitat von Ria

<div id="mitte-startseite" class="ce_text g9 div.obenmitte block" style="margin-bottom: 10px;">

Hier hast Du beispielsweise ein Klasse "div.obenmitte" angegeben; dieser Klassenname ist so natürlich auch nicht gültig:

Zitat:

Der Name für alle Selektoren darf nur aus Groß- oder Kleinbuchstaben (a-z, A-Z), Ziffern (0-9) und dem Bindestrich (-) bestehen und müssen mit einem Buchstaben anfangen. Der Unterstrich _ sollte nicht unbedingt verwendet werden, da dieser nicht von Anfang an zur CSS-Spezifikation gehörte und somit von einigen älteren Browsern nicht interpretiert wird.
23.07.2011, 12:26
tril

Hallo Ria,

ein kleiner Tipp, ich bin bei meiner eigenen Website auf die Idee gekommen, das Spaltenset als Grid zu missbrauchen. Wie das funktioniert habe ich im Contao Wiki beschrieben.
Das Stylesheet dazu musst du natürlich selbst schreiben, ich habe nur beschrieben, wie man das Spaltenset auf Grids umbauen kann.

MfG Tristan
24.07.2011, 18:39
Ria

Hallo @ All,

nach ein paar Korrekturen im Backend und etliche Versuche im Stylesheet, lesen in allen meinen Büchern, bin ich nun völlig fix und foxi. Die Seite scrollt immer noch nur als Ganzes!

Hier noch mal was firebug jetzt ausgibt:

Code:

<body id="top" class="startseite"> <div id="wrapper"> <div id="header"> <div class="inside"> <img width="740" height="139" alt="Logo" src="/test02/tl_files/kopfbilder/logo-top.jpg"> <h2>Hier kommt noch eine Überschrift</h2> </div> </div> <div id="container" class="clearfix"> <div id="left"> <div class="inside">   </div> </div> <div id="main"> <div class="inside"> <div class="mod_navigation block"> </div> <div id="mitte-startseite" class="mod_article block"> <div class="ce_text g9 block"> <h2>Kurzübersicht</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce orci nisi, gravida ac placerat blandit, ullamcorper et arcu. Nullam diam velit, pellentesque in mollis a, condimentum in arcu. Proin non lorem non justo vulputate aliquam sit amet et sapien. Ut volutpat commodo faucibus. Praesent id leo a lorem</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce orci nisi, gravida ac placerat blandit, ullamcorper et arcu. Nullam diam velit, pellentesque in mollis a, condimentum in arcu. Proin non lorem non justo vulputate aliquam sit amet et sapien. Ut volutpat commodo faucibus. Praesent id leo a lorem</p> </div> </div> </div> <div id="clear"></div> </div> </div> <img class="invisible" alt="" src="http://localhost/test02/cron.php"> </div> <div id="footer"> <div class="inside"> <div class="ce_text g3 block"> </div> <div class="ce_text g8 block"> </div> <div class="ce_text g3 rechts block"> </div> </div> </div>

So sieht jetzt die css zu #main aus(ist inzwischen wohl etwas viel geworden) Änderungen da, ändern aber am Scrollverhalten nichts:

Code:

/* Hauptspalte */ #main .mod_article .g9 { margin-top:1.0em; margin-bottom:2.0em; margin-left:1.0em; padding:0.9em 1.0em 1.0em; vertical-align:top; background-color:#fff; border:4px solid #aad9af; font-size:0.8em; color:#062307; min-height:210px; height:auto !important; }

Änderungen am Seitenlayout bringen auch nichts. Bitte noch mal DAU mässige Hilfe :o :o

@ tril

ja sehe ich mir noch an, bin gerade erst wieder im Forum und ja, könnte natürlich auch noch subcolums ausprobieren, Yaml und weiß der Teufel noch alles, aber da es meine Grid Spalten im footer tun, müßte das Grid es ja auch insgesamt tun.

Gruss Ria
25.07.2011, 10:26
Ria

Hallo tril,

besten Dank, für den Hinweis!

1. Habe im Moment das 16 Spalten Grid von Bugbuster, und eine angepasste basic.css.
könnte aber mit dem Spaltenset Grid auch mal testen. Werde eh nochmal neu anfangen(da muss irgendwoanders was klemmen). Was ist denn der Vorteil zu meinem "normalen" % Grid?

Deshalb gibt es von Tristan Lins einen Generator, mit dem es möglich ist die Spaltendefinitionen für eine beliebige Anzahl Spalten zu generieren.

Ist das dann auch in % möglich?

Bitte nicht als Werbung ansehen:

http://www.elmastudio.de/wordpress-t.../#comment-8349

Diese Flexibilität wäre das wo ich eigentlich mit dem Contao Theme hin möchte (geht das mit dem Spalten Grid?)

2. Zum Spaltenset Grid steht unten:

"Subcolumns CSS Dateien löschen"

Bedeutet das Subcolumns erst installieren und nur die css Dateien löschen?

(sorry, kenne auch Subcolumns noch nicht)

Gruss Ria
25.07.2011, 10:52
tril

Zitat:

Zitat von Ria

1. Habe im Moment das 16 Spalten Grid von Bugbuster, und eine angepasste basic.css.
könnte aber mit dem Spaltenset Grid auch mal testen. Werde eh nochmal neu anfangen(da muss irgendwoanders was klemmen). Was ist denn der Vorteil zu meinem "normalen" % Grid?

Das hat nichts mit Prozent oder Fix zu tun, ich verwende das Spaltenset lediglich um die Grid Container zu generieren. D.h. du kannst nicht nur, nein du musst sogar dein eigenes Grid Stylesheet dazu bereitstellen. Wenn du ein 16 Spalten Grid verwendest, musst du eigentlich nur die Containerklasse ändern in container_16.

Zitat:

Zitat von Ria

Deshalb gibt es von Tristan Lins einen Generator, mit dem es möglich ist die Spaltendefinitionen für eine beliebige Anzahl Spalten zu generieren.

Ist das dann auch in % möglich?

Wie gesagt, der Generator generiert die Spaltendefinitionen für die subcolumns Erweiterung, nicht das Stylesheet.

Zitat:

Zitat von Ria

Diese Flexibilität wäre das wo ich eigentlich mit dem Contao Theme hin möchte (geht das mit dem Spalten Grid?)

Kommt drauf an wie flexibel DU das Grid entwickelst ;) Es gibt aber auch CSS Frameworks die genau sowas machen. z.B. http://lessframework.com/

Zitat:

Zitat von Ria

2. Zum Spaltenset Grid steht unten:

"Subcolumns CSS Dateien löschen"

Bedeutet das Subcolumns erst installieren und nur die css Dateien löschen?

Ich habe doch beschrieben, WIE die Dateien gelöscht werden können, das geht mit ein bisschen PHP Code. Würdest du die physikalischen Dateien löschen, würden diese Trotzdem im Theme eingebunden nur niemals gefunden, das wäre nicht gut!
25.07.2011, 12:28
Ria

Hallo tril,

ja danke Dir, liest sich zumindest interessant.

Zitat:

Kommt drauf an wie flexibel DU das Grid entwickelst

:rolleyes: da befürchte ich im Moment noch das "schlimmste". :D Schade das es bei Contao dazu kein fertiges Basis Theme gibt, was man nur anpassen braucht(Farbe, Hintergrund, Schriften). Natürlich noch die Module die man braucht und fertig. Für die 2.10, würde ich das ja auch gerne kaufen. Im Backend will man ja jetzt was machen, schön. Finde aber auch, wenn man über den Tellerrand sieht (objektiv), dass etwas frischer Wind (im DAU Angebot) nicht schaden könnte.

Gruss Ria

PS. soll kein Genörgele sein.
25.07.2011, 17:49
Ria

Hallo tril, oder wer Ahnung hat

ich finde die MyClass.php NICHT, wo das unten ja rein soll(download subcolumns von heute)?

class MyClass
{
function hookGeneratePage($objPage)
{
unset ($GLOBALS['TL_CSS']['subcolumns']);
unset ($GLOBALS['TL_HEAD']['subcolumns']);
}
}

alles andere habe ich gefunden, bitte um einen Tipp(oder muss ich diese php neu anlegen und wenn ja wo soll die rein, in welchen Ordner von subcolumns?).

Gruss Ria

PS. es geht um die php: http://de.contaowiki.org/Spaltenset_Grid#MyClass.php
25.07.2011, 19:54
BugBuster

Ganz grob mal die Modul Grundlagen:
unter /system/moduls legst du ein Verzeichnis an z.B. zz_mysub (sollte alphabetisch nach dem original Modul Verzeichnis kommen welches angepasst werden soll)
darunter noch ein Verzeichnisse config.
Du hast nun
/system/moduls/zz_mysub
/system/moduls/zz_mysub/config

Im Verzeichnis config packst du die config.php wie im Wiki beschrieben. ( <?php "zeile aus dem Wiki" ?>
Im Verzeichnis zz_mysub die Datei MyClass.php

Du kannst auch andere Namen verwenden, aber dabei musst du beachten, der Name der Klasse muss gleich sein wie der Dateiname (ohne .php) und muss in der config.php dann ebenso angepasst werden.
26.07.2011, 00:21
Ria

Hallo BugBuster ,

ich hatte das schon alles in den Orginal Dateien von Subcolumns einfach überschrieben, weil ich das im Prinzip doch so im Wiki gelesen habe, bzw. für mich sich so liest :o und inzwischen habe ich in das Root Verzeichnis von Subcolumns einfach über meinen
externen Editor eine (diese) MyClass.php dort abgespeichert.

Ist das falsch? Vermute mal ist falsch, weil bei einem Update von Subcolumns, meine Änderungen futsch wären. Ist das der Grund für die zz_mysub?

Vermute das jetzt leider nur, ist es das?

Nach Subcolumns kommt bei mir das Modulverzeichnis "tpl_editor".

Zitat:

/system/moduls/zz_mysub
/system/moduls/zz_mysub/config

nach dem Buchstaben S (Subcolumns) kommt doch T , also dass mit Deinen Verzeichnisnamen verstehe ich jetzt so noch nicht.

Und deshalb verstehe ich den auch nicht:

Zitat:

Du kannst auch andere Namen verwenden, aber dabei musst du beachten, der Name der Klasse muss gleich sein wie der Dateiname (ohne .php) und muss in der config.php dann ebenso angepasst werden.

Ich danke Dir aber schon mal! Bitte nochmal etwas genauer, wenn's nichts aus macht.

Gruss Ria
26.07.2011, 09:09
BugBuster

Zitat:

Zitat von Ria

Vermute mal ist falsch, weil bei einem Update von Subcolumns, meine Änderungen futsch wären. Ist das der Grund für die zz_mysub?

Ja genau das ist der Grund, um es updatesicher zu machen.

Zitat:

Zitat von Ria

nach dem Buchstaben S (Subcolumns) kommt doch T , also dass mit Deinen Verzeichnisnamen verstehe ich jetzt so noch nicht.

Ja und? Es muss nicht direkt nach dem Original kommen, hauptsache dahinter. Contao liest die Module alphabetisch sortiert der Reihe nach ein.
Du könntest es auch subcolumns_plus nennen :cool:

Zitat:

Du kannst auch andere Namen verwenden, aber dabei musst du beachten, der Name der Klasse muss gleich sein wie der Dateiname (ohne .php) und muss in der config.php dann ebenso angepasst werden.

Da meinte ich, die Modul Datei könntest du umbennen, z.B. SubcolumnsDelete.php , dann muss die Class darin auch heißen SubcolumnsDelete ( class SubcolumnsDelete { ... ) und in der config.php muss der Hook natürlich auch auf den Namen SubcolumnsDelete registriert werden.

Code:

$GLOBALS['TL_HOOKS']['generatePage'][] = array('SubcolumnsDelete ', 'hookGeneratePage');
26.07.2011, 09:44
tril

Zitat:

Zitat von Ria

ich hatte das schon alles in den Orginal Dateien von Subcolumns einfach überschrieben, weil ich das im Prinzip doch so im Wiki gelesen habe, bzw. für mich sich so liest :o

Da gehört ein bisschen Wissen über Extension Entwicklung dazu, dann wüsstest du, dass das nicht so gemeint war ;)
In Contao kannst du Module und Einstellungen "überschreiben" ohne die Originaldateien zu verändern.
(aber jeder fängt mal klein an, ich hab Anfangs auch einfach die Originaldateien überschrieben *hust*)

Zitat:

Zitat von Ria

...und inzwischen habe ich in das Root Verzeichnis von Subcolumns einfach über meinen externen Editor eine (diese) MyClass.php dort abgespeichert.

Grundsätzlich nicht falsch, wenn du die MyClass.php einfach in ein anderes Erweiterungsverzeichnis schiebst, dann ist es richtig.

[QUOTE=Ria;144361]Ist das falsch? Vermute mal ist falsch, weil bei einem Update von Subcolumns, meine Änderungen futsch wären. Ist das der Grund für die zz_mysub?
Änderungen werden nur überschrieben, wenn diese Originaldateien von subcolumns betreffen, Dateien die du hinzufügst werden afaik NICHT gelöscht, ist aber trotzdem nicht schön einfach etwas hinzuzufügen, deshalb nimmt man dafür ein eigenes Modulverzeichnis.

Zitat:

Zitat von Ria

nach dem Buchstaben S (Subcolumns) kommt doch T , also dass mit Deinen Verzeichnisnamen verstehe ich jetzt so noch nicht.

Z kommt auch NACH S oder etwa nicht ;)
Die Erweiterungen werden in alphabetischer Reihenfolge geladen (Ausnahme ist backend und frontend, die werden immer zuerst geladen).
Deshalb musst du einen Buchstaben deinem Verzeichnis vorne weg setzen, dass NACH dem S im Alphabet kommt, üblicherweise nimmt man da Z um sicher zu gehen, dass die eigene Erweiterung auf jeden Fall die letzte geladene ist.

Zitat:

Zitat von BugBuster

Du kannst auch andere Namen verwenden, aber dabei musst du beachten, der Name der Klasse muss gleich sein wie der Dateiname (ohne .php) und muss in der config.php dann ebenso angepasst werden.

Ich hoffe du weißt was Objektorientierte Programmierung ist?
In Contao ist es zwingend erforderlich dass die Datei genau gleich heißt, zu der Klasse die sich darin befindet, hier ein paar Beispiele:

HansWurst.php

PHP-Code:

<?php class HansWurst { ... } ?>

IchBinEineKlasse.php

PHP-Code:

<?php class IchBinEineKlasse { ... } ?>

Der HOOK der in der config.php registriert wird, muss dann natürlich dem Klassennamen angepasst werden:

PHP-Code:

$GLOBALS['TL_HOOKS']['generatePage'][] = array('HansWurst', 'hookGeneratePage');

bzw.

PHP-Code:

$GLOBALS['TL_HOOKS']['generatePage'][] = array('IchBinEineKlasse', 'hookGeneratePage');

EDIT: oops, 3 Telefongespräche und schon war einer schneller als ich :D
26.07.2011, 11:31
Ria

Hallo Bugbuster u. @ tril,

lieben dank, für Eure Geduld! Jetzt habe ich es verstanden. So ist das eben mit mir DAU.

Die Lösung mit neuem Modul ist dann die Sauberste. Ach ja und durch die Einbindung in's Seitenlayout weiß Contao dann ja welches Modul es benutzen soll, OK.

(hätte ich eigentlich schon vorher verstanden haben müssen, wegen der Sticky Angelegenheit, ist ja das gleiche Prinzip) :o

Zitat:

Ich hoffe du weißt was Objektorientierte Programmierung ist?

Nur gelesen und wenig verstanden (php), leider habe ich auch kein photographisches Gedächtnis, ich bewundere die Leute, die Code richtig lesen (und schreiben) können, ich merke ja oft noch nicht mal wo ein Leerzeichen hätte sein sollen. Kann es sein das Coder alle gut in Mathe waren? ;)

Gruss Ria
26.07.2011, 13:22
tril

Zitat:

Zitat von Ria

Kann es sein das Coder alle gut in Mathe waren? ;)

Wer heute noch Mathematik und Informatik verbindet, der hat keine Ahnung :p
Abgesehen davon, dass Mathematik und Programmierung auf festen Regeln beruhen, haben die nichts weiter mehr gemeinsam ;)
26.07.2011, 13:27
psren

Zitat:

Zitat von tril

Wer heute noch Mathematik und Informatik verbindet, der hat keine Ahnung :p
Abgesehen davon, dass Mathematik und Programmierung auf festen Regeln beruhen, haben die nichts weiter mehr gemeinsam ;)

Kommt immer auf den Bereich der Informatik an würde ich sagen. Kompressionsalgorithmen oder Verschlüsselungsalgorithmen haben doch noch mit Mathematik zu tun ;-)
Aber das meiste aus Mathe aus dem Studium ist irgendwie sinnlos... (sinnlos sicher nicht, aber mir fällt nicht ein wozu man das brauchen könnte)
26.07.2011, 13:36
tril

Zitat:

Zitat von psren

Kommt immer auf den Bereich der Informatik an würde ich sagen. Kompressionsalgorithmen oder Verschlüsselungsalgorithmen haben doch noch mit Mathematik zu tun ;-)
Aber das meiste aus Mathe aus dem Studium ist irgendwie sinnlos... (sinnlos sicher nicht, aber mir fällt nicht ein wozu man das brauchen könnte)

Das es Anwendungsfälle gibt, wollte ich auch nicht abstreiten, aber wer allgemein glaubt, dass Mathematik und Informatik "untrennbar" miteinander verbunden sind, der irrt sich schlichtweg. Die Informatik ist mit Sicherheit in der Mathematik verwurzelt und die Mathematischen Grundlagen sind auch heute noch Grundlage der Informatik, aber sobald es über die Grundlagen hinaus geht, ist es auch mit der Verbundenheit vorbei ;)
28.07.2011, 12:48
Ria

Hallo Ihr Contao bzw. Spaltengrid Gurus,

was mache ich denn mit den ce_...tpl's die würden doch dann auch überschrieben?

Zitat:

deshalb muss hier Hand angelegt werden und die ce_colsetStart.tpl und ce_colsetEnd.tpl modifiziert werden

Ich habe bisher, wie vorgeschlagen, folgendes gemacht:

1. Neues Verzeichnis(Ordner) /system/moduls/zz_mysubgrid

da rein bisher:

die zz_mysubgrid.php

mit dem Inhalt:

Code:

class zz_mysubgrid { function hookGeneratePage($objPage) { unset ($GLOBALS['TL_CSS']['subcolumns']); unset ($GLOBALS['TL_HEAD']['subcolumns']); } }

2. Weiteres Verzeichnis(Unter-Ordner) /system/moduls/zz_mysubgrid/config

da rein bisher:

die config.php mit dem neuen Spaltenset und die Änderung unter $GLOBALS

mit dem Inhalt:

Code:

<?php if (!defined('TL_ROOT')) die('You can not access this file directly!'); /** * TYPOlight webCMS * * The TYPOlight webCMS is an accessible web content management system that * specializes in accessibility and generates W3C-compliant HTML code. It * provides a wide range of functionality to develop professional websites * including a built-in search engine, form generator, file and user manager, * CSS engine, multi-language support and many more. For more information and * additional TYPOlight applications like the TYPOlight MVC Framework please * visit the project website https://contao.org. * * This is the subcolumns configuration file. * * PHP version 5 * @copyright Felix Pfeiffer : Neue Medien 2010 * @author Felix Pfeiffer <info@felixpfeiffer.com> * @package Subcolumns * @license CC-A 2.0 * @filesource */ /** * ------------------------------------------------------------------------- * CONTENT ELEMENTS * ------------------------------------------------------------------------- */ $GLOBALS['TL_CTE']['subcolumn'] = array( 'colsetStart' => 'colsetStart', 'colsetPart' => 'colsetPart', 'colsetEnd' => 'colsetEnd' ); array_insert($GLOBALS['FE_MOD']['application'], 4, array ( 'subcolumns' => 'ModuleSubcolumns' )); $GLOBALS['BE_FFL']['extendedModuleWizard'] = 'ExtendedModuleWizard'; /** * Form fields */ $GLOBALS['TL_FFL']['formcolstart'] = 'FormColStart'; $GLOBALS['TL_FFL']['formcolpart'] = 'FormColPart'; $GLOBALS['TL_FFL']['formcolend'] = 'FormColEnd'; $GLOBALS['TL_HOOKS']['generatePage'][] = array('zz_mysubgrid ', 'hookGeneratePage'); /** * Spaltensets NEU **/ $GLOBALS['TL_SUBCL'] = array( '10x6' => array(array('grid_10', 'inner'), array('grid_6', 'inner')), '11x5' => array(array('grid_11', 'inner'), array('grid_5', 'inner')), '12x4' => array(array('grid_12', 'inner'), array('grid_4', 'inner')), '4x12' => array(array('grid_4', 'inner'), array('grid_12', 'inner')), '5x11' => array(array('grid_5', 'inner'), array('grid_11', 'inner')), '6x10' => array(array('grid_6', 'inner'), array('grid_10', 'inner')), '7x9' => array(array('grid_7', 'inner'), array('grid_9', 'inner')), '8x8' => array(array('grid_8', 'inner'), array('grid_8', 'inner')), '9x7' => array(array('grid_9', 'inner'), array('grid_7', 'inner')), '4x4x8' => array(array('grid_4', 'inner'), array('grid_4', 'inner'), array('grid_8', 'inner')), '4x5x7' => array(array('grid_4', 'inner'), array('grid_5', 'inner'), array('grid_7', 'inner')), '4x6x6' => array(array('grid_4', 'inner'), array('grid_6', 'inner'), array('grid_6', 'inner')), '4x7x5' => array(array('grid_4', 'inner'), array('grid_7', 'inner'), array('grid_5', 'inner')), '4x8x4' => array(array('grid_4', 'inner'), array('grid_8', 'inner'), array('grid_4', 'inner')), '5x4x7' => array(array('grid_5', 'inner'), array('grid_4', 'inner'), array('grid_7', 'inner')), '5x5x6' => array(array('grid_5', 'inner'), array('grid_5', 'inner'), array('grid_6', 'inner')), '5x6x5' => array(array('grid_5', 'inner'), array('grid_6', 'inner'), array('grid_5', 'inner')), '5x7x4' => array(array('grid_5', 'inner'), array('grid_7', 'inner'), array('grid_4', 'inner')), '6x4x6' => array(array('grid_6', 'inner'), array('grid_4', 'inner'), array('grid_6', 'inner')), '6x5x5' => array(array('grid_6', 'inner'), array('grid_5', 'inner'), array('grid_5', 'inner')), '6x6x4' => array(array('grid_6', 'inner'), array('grid_6', 'inner'), array('grid_4', 'inner')), '7x4x5' => array(array('grid_7', 'inner'), array('grid_4', 'inner'), array('grid_5', 'inner')), '7x5x4' => array(array('grid_7', 'inner'), array('grid_5', 'inner'), array('grid_4', 'inner')), '8x4x4' => array(array('grid_8', 'inner'), array('grid_4', 'inner'), array('grid_4', 'inner')), '4x4x4x4' => array(array('grid_4', 'inner'), array('grid_4', 'inner'), array('grid_4', 'inner'), array('grid_4', 'inner')) ); ?>

Zwischenfrage zum GENERATOR. Gehe ich auf 16 Spalten geht Mindestbreite 2 nicht. Aber bei Mindestbreite 4 sehe ich auch kein Grid 16 sondern nur bis Grid 12. Was verstehe ich da denn nicht?

Um nach oben zurückzugehen wohin nun mit den tpl's?
Wenn ich sonst noch was falsch verstanden habe bitte ich um "gnadenvolle" DAU :D Aufklärung.

Gruss Ria
29.07.2011, 07:43
tril

Zitat:

Zitat von Ria

was mache ich denn mit den ce_...tpl's die würden doch dann auch überschrieben?

Hier etwas Grundlagenwissen: http://de.contaowiki.org/Templates_bearbeiten

Deine config.php kann man noch etwas verschlanken ;)
Alles was ich rausgeschmissen habe, wird ja bereits in der config.php von subcolumns geladen, es werden nämlich ALLE config.php's geladen.

Code:

<?php if (!defined('TL_ROOT')) die('You can not access this file directly!'); /** * TYPOlight webCMS * * The TYPOlight webCMS is an accessible web content management system that * specializes in accessibility and generates W3C-compliant HTML code. It * provides a wide range of functionality to develop professional websites * including a built-in search engine, form generator, file and user manager, * CSS engine, multi-language support and many more. For more information and * additional TYPOlight applications like the TYPOlight MVC Framework please * visit the project website https://contao.org. * * This is the subcolumns configuration file. * * PHP version 5 * @copyright Felix Pfeiffer : Neue Medien 2010 * @author Felix Pfeiffer <info@felixpfeiffer.com> * @package Subcolumns * @license CC-A 2.0 * @filesource */ /** * HOOKs */ $GLOBALS['TL_HOOKS']['generatePage'][] = array('zz_mysubgrid ', 'hookGeneratePage'); /** * Spaltensets NEU **/ $GLOBALS['TL_SUBCL'] = array( '10x6' => array(array('grid_10', 'inner'), array('grid_6', 'inner')), '11x5' => array(array('grid_11', 'inner'), array('grid_5', 'inner')), '12x4' => array(array('grid_12', 'inner'), array('grid_4', 'inner')), '4x12' => array(array('grid_4', 'inner'), array('grid_12', 'inner')), '5x11' => array(array('grid_5', 'inner'), array('grid_11', 'inner')), '6x10' => array(array('grid_6', 'inner'), array('grid_10', 'inner')), '7x9' => array(array('grid_7', 'inner'), array('grid_9', 'inner')), '8x8' => array(array('grid_8', 'inner'), array('grid_8', 'inner')), '9x7' => array(array('grid_9', 'inner'), array('grid_7', 'inner')), '4x4x8' => array(array('grid_4', 'inner'), array('grid_4', 'inner'), array('grid_8', 'inner')), '4x5x7' => array(array('grid_4', 'inner'), array('grid_5', 'inner'), array('grid_7', 'inner')), '4x6x6' => array(array('grid_4', 'inner'), array('grid_6', 'inner'), array('grid_6', 'inner')), '4x7x5' => array(array('grid_4', 'inner'), array('grid_7', 'inner'), array('grid_5', 'inner')), '4x8x4' => array(array('grid_4', 'inner'), array('grid_8', 'inner'), array('grid_4', 'inner')), '5x4x7' => array(array('grid_5', 'inner'), array('grid_4', 'inner'), array('grid_7', 'inner')), '5x5x6' => array(array('grid_5', 'inner'), array('grid_5', 'inner'), array('grid_6', 'inner')), '5x6x5' => array(array('grid_5', 'inner'), array('grid_6', 'inner'), array('grid_5', 'inner')), '5x7x4' => array(array('grid_5', 'inner'), array('grid_7', 'inner'), array('grid_4', 'inner')), '6x4x6' => array(array('grid_6', 'inner'), array('grid_4', 'inner'), array('grid_6', 'inner')), '6x5x5' => array(array('grid_6', 'inner'), array('grid_5', 'inner'), array('grid_5', 'inner')), '6x6x4' => array(array('grid_6', 'inner'), array('grid_6', 'inner'), array('grid_4', 'inner')), '7x4x5' => array(array('grid_7', 'inner'), array('grid_4', 'inner'), array('grid_5', 'inner')), '7x5x4' => array(array('grid_7', 'inner'), array('grid_5', 'inner'), array('grid_4', 'inner')), '8x4x4' => array(array('grid_8', 'inner'), array('grid_4', 'inner'), array('grid_4', 'inner')), '4x4x4x4' => array(array('grid_4', 'inner'), array('grid_4', 'inner'), array('grid_4', 'inner'), array('grid_4', 'inner')) ); ?>

Zitat:

Zitat von Ria

Zwischenfrage zum GENERATOR. Gehe ich auf 16 Spalten geht Mindestbreite 2 nicht.

Es lag nicht an dir, sondern am Script, ich habe den Algorithmus und das Script grundlegend überarbeitet, jetzt geht es auch mit 16/4 ;)

Zitat:

Zitat von Ria

Aber bei Mindestbreite 4 sehe ich auch kein Grid 16 sondern nur bis Grid 12. Was verstehe ich da denn nicht?

Mindestbreite gibt nun einmal die minimale Breite an, die eine Spalte haben darf, bei 4 wirst du also niemals eine Grid-Spalte sehen, die kleiner 4 ist. Und grid_X ist nur die einzelne Spalte, nicht aber der "Container", du wirst also NIEMALS, nicht mal bei Mindestbreite 1 das grid_16 sehen, das würde ja bedeuten, du hättest nur 1 Spalte!
29.07.2011, 14:08
Ria

Hallo tril,

danke für Deine Hilfe,

Zitat:

Hier etwas Grundlagenwissen: http://de.contaowiki.org/Templates_bearbeiten

da hast Du recht, mit den Feinheiten habe ich es noch nicht so wirklich.

Zitat:

Alles was ich rausgeschmissen habe, wird ja bereits in der config.php von subcolumns geladen, es werden nämlich ALLE config.php's geladen.

ja das wußte ich auch nicht, dachte ich müßte eine Anweisung geben, welche config geladen werden soll.

Übrigens Kompliment zu Deinem Generator, ist ja wirklich ein super Teil und um das Missverständis zu mathematischer Begabung noch auszuräumen, sowas würde ich erst gar nicht hinbekommen, die Hirnforschung hat das inzwischen auch herausgefunden, es gibt so was wie mathematische "Legasteniker"(Menschen, die an einer Dyskalkulie leiden, d. h., die sich ständig verrechnen, ...) Ist bei mir noch nicht so schlimm, aber wenn ich Deinen Generator sehe, wird mir schon recht schwummrig, auch bei php oä. fehlt mir völlig der Blick für eine gute Erfassung, bei Sprachen oder Farben sieht das bei mir anders aus (so war das gemeint, die Basic-Eigenschaften für bestimmte Dinge).

So jetzt bin ich erst mal für heute beschäftigt!

lieben Gruss Ria
29.07.2011, 15:25
tril

Zitat:

Zitat von Ria

Übrigens Kompliment zu Deinem Generator, ist ja wirklich ein super Teil ...

Mein Praktikant rechnet und programmiert seit gestern immer noch an einer Lösung ;)
Aber glaub mir, an Mathematischen Verständnis musst du dafür nur 1+1 rechnen können ;)
Das mein erster Algorithmus nicht so performant war, lag einfach am Algorithmus, nicht an der Mathematik dahinter ;)
30.07.2011, 12:10
Ria

Hallo tril,

bekomme bei Aufruf der Seite sofort folgende Fehlermeldungen (habe allerdings noch kein Template bearbeitet, daran kann es aber doch hier noch nicht dran liegen?):

Fatal error: Could not load class zz_mysubgrid in /z-www/test02/system/functions.php on line 76
Notice: Undefined index: referer in /z-www/test02/system/modules/frontend/FrontendUser.php on line 105 Notice: Undefined index: referer in /z-www/test02/system/modules/frontend/FrontendUser.php on line 107

1. zu Line 76:

Code:

// HOOK: include DOMPDF classes if (function_exists('DOMPDF_autoload')) { DOMPDF_autoload($strClassName); return; } trigger_error(sprintf('Could not load class %s', $strClassName), E_USER_ERROR); }

2. zu Line 105 u. 107:

Code:

/** * Set the current referer and save the session */ public function __destruct() { $session = $this->Session->getData(); if (!isset($_GET['pdf']) && !isset($_GET['file']) && !isset($_GET['id']) && $session['referer']['current'] != $this->Environment->requestUri) { $session['referer']['last'] = $session['referer']['current']; $session['referer']['current'] = $this->Environment->requestUri; }

Habe also nur Deine Änderungsvorschläge übernommen u. das 16er:

Code:

* @filesource */ /** * HOOKs */ $GLOBALS['TL_HOOKS']['generatePage'][] = array('zz_mysubgrid ', 'hookGeneratePage'); /** * SPALTENGRID 16 Spalten, Mindestbreite 2 Spalten, Breite plus in % **/ $GLOBALS['TL_SUBCL'] = array('2x14 → 12.50 %x 87.50 usw...

Vielleicht doch nicht die "abgespeckte" Version nehmen?

Gruss Ria
30.07.2011, 17:19
Ria

Hallo tril,

Stop alles zurück. Nur nachdem ich die Zeile reinnehme:

Code:

$GLOBALS['TL_HOOKS']['generatePage'][] = array('zz_mysubgrid ', 'hookGeneratePage');

Dann kommt erst obige Fehlermeldung, auch wenn ich die Unverschlankte nehme.

Gruss Ria
30.07.2011, 19:30
BugBuster

Versuche mal ohne das Leerezeichen nach "zz_mysubgrid" in deiner GLOBALS Definition.
31.07.2011, 20:10
Ria

Hallo Bugbuster,

Leerzeichen raus, also so:

Code:

$GLOBALS['TL_HOOKS']['generatePage'][] = array('zz_mysubgrid','hookGeneratePage');

hat nichts gebracht.

habe nun alles nochmals neu installiert mit obigem Änderungsvorschlag und habe nun neue, andere Fehler-Meldungen:

Code:

class zz_mysubgrid { function hookGeneratePage($objPage) { unset ($GLOBALS['TL_CSS']['subcolumns']); unset ($GLOBALS['TL_HEAD']['subcolumns']); } } Warning: in_array() expects parameter 2 to be array, null given in /system/libraries/System.php on line 147 #0 [internal function]: __error(2, 'in_array() expe...', '/z-...', 147, Array) #1 /system/libraries/System.php(147): in_array('getInstance', NULL) #2 /system/modules/frontend/PageRegular.php(86): System->import('zz_mysubgrid') #3 /index.php(198): PageRegular->generate(Object(DB_Mysql_Result)) #4 /index.php(333): Index->run() #5 {main} Fatal error: Class 'zz_mysubgrid' not found in /system/libraries/System.php on line 147

line 147 sieht so aus:

Code:

/** * Import a library and make it accessible by its name or an optional key * @param string * @param string * @param boolean * @throws Exception */ protected function import($strClass, $strKey=false, $blnForce=false) { $strKey = $strKey ? $strKey : $strClass; if (!is_object($this->$strKey) || $blnForce) { /*Zeile 147*/ $this->$strKey = (in_array('getInstance', get_class_methods($strClass))) ? call_user_func(array($strClass, 'getInstance')) : new $strClass(); } }

Hätte ich das Ursprüngliche Subcolumns erst in die Seite einbinden müssen und dann weitermachen?
So komme ich ja erst gar nicht in' Backend.

Wenn ich die "$GLOBALS['TL_HOOKS']" Zeile(in der zz_mysubgrid) lösche komme ich wieder auf die Webseite!

Oder gehört die Zeile vielleicht in die original Config von Subcolumns und habe das falsch verstanden?

Gruss Ria

PS. kann leider kein php, vielleicht hat tril, aus versehen, einen Kopierfehler reingebracht?
31.07.2011, 21:58
BugBuster

Lese die Fehlermeldung genau!
Das hat was gebracht, immerhin kommt ja nun die Fehlermeldung aus der Class:

Code:

class zz_mysubgrid { function hookGeneratePage($objPage) { unset ($GLOBALS['TL_CSS']['subcolumns']); unset ($GLOBALS['TL_HEAD']['subcolumns']); } }

Und ja, logisch das er etwas nicht löschen kann wenn es vorher nicht gesetzt ist.

Das löschen der subcolumns Einträge könnte/müsste man nun vorher prüfen, ob die überhaupt gesetzt sind.
01.08.2011, 08:08
tril

Zitat:

Zitat von BugBuster

Lese die Fehlermeldung genau!

Könnte auch auf dich zutreffen ;)
"in_array() expects parameter 2 to be array, null given in", ich sehe da kein in_array, außerdem wirft unset keine Meldung, selbst wenn die Variable nicht gesetzt ist! unset wirft nicht mal ne Warning!

Kann es sein, dass du in deiner zz_mysubgrid.php am Anfang ein <?php und am Ende ?> vergessen hast?
So sollte es exakt aussehen:

PHP-Code:

<?php if (!defined('TL_ROOT')) die('You can not access this file directly!'); class zz_mysubgrid { function hookGeneratePage($objPage) { unset ($GLOBALS['TL_CSS']['subcolumns']); unset ($GLOBALS['TL_HEAD']['subcolumns']); } } ?>

?
01.08.2011, 11:05
Ria

Hallo zusammen,

danke für Eure Mühe und @ tril

danke für die Rettung! Das war es. Ich hatte mal kurz gedacht, dass sieht aber irgendwie seltsam aus, jedoch übernehme ich Code von Profis immer 1:1, weil ich den nicht anzweifele.

Gruss Ria

PS. hoffe Ihr helft mir noch mal, wenn ich mit dem Spaltensetgrid nicht klar komme, oder gibt es ein Tutorial, irgendwo?
04.08.2011, 00:41
Ria

Hallo tril,

das Spaltenset wird ja als Inhaltselement in einen Artikel neu angelegt.
Ich möchte aber in einem bereits erstellten, den Spaltenabstand nachträglich veringern (Ich will ja kein neues erstellen).

Wie komme ich da wieder ran?

Über mehrere bearbeiten steht zwar unten auch "Spaltenset" aber ich kann dann danach nichts einstellen.
Was macht man da, eigentlich müßte man ja an seine alten Einstellungen wieder ran kommen?

Hauptsächlich geht es mir um den Abstand zwischen den Spalten, der normal bei12px liegt. Aber auch die Einstellung der Anzahl der Spalten stellt sich wieder auf die 1 Position zurück.

Gruss Ria
04.08.2011, 06:55
tril

Liste der Anhänge anzeigen (Anzahl: 1)

Zitat:

Zitat von Ria

Wie komme ich da wieder ran?

Meinst du den da?
Anhang 4847
04.08.2011, 11:23
Ria

Hallo tril,

ja genau! Ich komme so nicht da ran.

Und auch die Frage dort grunsätzlich ALTE Einstellungen zu bearbeiten.

Gruss Ria
04.08.2011, 13:48
tril

Das ist sehr merkwürdig, weil ich komme durchaus daran, das Element was ich abgesnapshottet habe, war ein existierendes ;)
Eventuell würde ich mal die subcolumns reparieren, vielleicht ist da irgendwas defekt oder in die dcaconfig.php nachschauen, ob da was rumdoktort wurde.
04.08.2011, 14:39
Ria

Hallo tril,

das Element was Du abgesnapshottet hast kommt bei mir beim Aufruf des Inhaltelements, beim ersten mal und dem Einrichten der Spalten. Die Subcolumns waren ja neu installiert worden.

Zitat:

oder in die dcaconfig.php nachschauen, ob da was rumdoktort

ich bekomme keine Fehlermeldungen. Wie rufst Du konkret das 2 mal das Inhaltselement auf?

( Also ich klicke auf Artikel, dann auf den gelben Bleistift, dann öffnen sich die vorhandenen Spalten und darüber die Artikel Info.
oben kann ich wählen "Zurück", "Neues Element" "Mehrere Bearbeiten". Klicke ich nochmals auf den Artikel-Bleistift, habe ich im öffnenden Fenster nur die Auswahl:"Abstand davor und dahinter")

Gruss Ria
04.08.2011, 14:49
tril

Liste der Anhänge anzeigen (Anzahl: 1)

Zitat:

Zitat von Ria

( Also ich klicke auf Artikel, dann auf den gelben Bleistift, dann öffnen sich die vorhandenen Spalten und darüber die Artikel Info.
oben kann ich wählen "Zurück", "Neues Element" "Mehrere Bearbeiten". Klicke ich nochmals auf den Artikel-Bleistift, habe ich im öffnenden Fenster nur die Auswahl:"Abstand davor und dahinter")

Ja du musst ja auch nicht auf den Artikelbleistift, sondern den Bleistift bei dem Startelement klicken.
Anhang 4850
04.08.2011, 15:24
Ria

Hallo tril,

Zitat:

sondern den Bleistift bei dem Startelement klicken.

"Titel: Seiten-Rundschau
Autor: ria
Anzeigen in: Hauptspalte
Änderungsdatum: 03-08-2011 22:39
Teasertext anzeigen: nein
Artikel veröffentlichen: ja
------------------------------------------------------------------Hier müßte das Startelement sein, ist aber weg!

"Überschrift
Wichtige Inhalte kurz Informiert."

Hier folgen dann noch 3 weitere Spalten.

Und hier wohl dieses "End-Element" oder wie es heißt, ich sehe es ja gerade auch nicht.

Oh, sorry das ist mir gar nicht aufgefallen:o , na ja war mein erster Versuch. Was mache ich denn jetzt am Besten?

Gruss Ria
04.08.2011, 16:28
tril

Ich würde mal kontrollieren ob die Filter oben vielleicht gesetzt sind oder vielleicht sind da ja so viele Elemente auf der Seite, dass du bereits bei 31-60 bist und das Startelement unter den ersten 30 ist.
Ansonsten ist es wohl weg -> Komplete Spaltenset löschen (also das was davon übrig ist) und neu anlegen.
04.08.2011, 19:51
Ria

Hallo tril,

danke für Deine Geduld!

Zitat:

Ansonsten ist es wohl weg -> Komplete Spaltenset löschen (also das was davon übrig ist) und neu anlegen.

So, habe ich gemacht und auch Subcolumns gelöscht und neu installiert, habe folgendes herausgefunden:

Beim erneuten Besuch des Spaltenset Start hat sich der Spaltenset Typ von alleine verstellt und steht jetzt auf der Anfangsposition, das ist blöd, wenn man sich die vorherigen Werte nicht notiert hat.

Also vorher: 4x6x6-25%x37.50%x37.50%
und jetzt : 2x14-12.50%x87.50%

Zusätzlich, nützt das aber auch nichts, weil, wenn man jetzt den alten Wert wieder festhält, muss man ja abspeichern.
Anschließend sind neue leere Spaltensetz vorhanden, die man ja dann löschen muss.

Anschließend ist das Start und End Spaltenset weg und natürlich die Änderung umsonst(die ich allerdings in der css Datei mit margin erledigt habe.

Waren übrigens nur 3 Spaltensetz, also auch keine "Überlastung". Auch wenn man wohl nicht immer in das Spaltenset Start zurück muss, sicher die Wenigsten, aber wenn ist dann alles im Eimer, falls Du nochmal abspeicherst!

Im Prinzip dann irgendwie ein BUG.

Gruss Ria
05.08.2011, 16:44
Ria

Hallo tril u. @ All,

Woher kommen diese leeren div's/Klassen unten(?)in der Frontend-Browser-Quelltext-Ansicht im FF:

liegt das daran, dass die Klassen die ich vergebe aus dem Grid16 von Bugbuster kommen
(z.B. g7 ) und die Spaltenset Klassen unbenutzt bleiben?

Ich frage nur, weil das etwas seltsam aussieht.

Code:

<div class="ce_text g7 reihe2 block" id="start-rundschau"> <h2>g7 Spalte unter g7 links</h2> <p>Lorem ipsum dolor abgekürzt usw...........</p> </div> </div> </div>  <div class="mod_colsetPart "> <div class=""> </div> </div>  <div class="mod_colsetPart "> <div class=""> </div> </div> <div class="clear"></div> </div> 

Die Front-Ansicht ist OK und ich finde dieses Spaltenset von tril in Kombination mit dem 16er-Grid eine
praktische Angelegenheit.

Gruss Ria
09.08.2011, 12:03
Ria

Hallo tril und BugBuster,

ich habe "subcolumns" und "zz_mysubgrid" in den Einstellungen mal als inaktiv gesetzt.
ich könnte heulen, jetzt wurstele ich eine Woche daran rum und sehe keinen Unterschied, ob ich es benutze oder nicht.

Weil mir der Verdacht kam, das Ganze hat überhaupt keine Wirkung. Ich habe dann ganz normal weiter meine Textboxen gesetzt. Also unter "Elementtyp" die ID und eine Klasse wie g7.

In der css Datei ist ja das Aussehen festgelegt. Auf deutsch, das Spaltenset greift anscheinend nicht und legt keine Container an und behält auch nicht den eingestellten Wert bei erneutem Aufruf von "Spaltenset Start".

Was mache ich denn falsch, die Sache mit der Klasse?

@ BugBuster

mit dem "reinen" Grid verstehe ich folgendes noch nicht:

Mein Raster: g2+g5+g4+g3 = 10,5+29.25+23+16,75 = 79,50%

Nun wollte ich aus der g2 noch eine g3 machen und schon springt die g3 in die nächste Reihe darunter.
(auch wenn das Spaltengrid aktiv ist)

Was ist denn mit den restlichen 20,5% bzw. bei einem 19 Zoll Monitor aus g2 g3 gemacht würde, hätte dies max. 3mm horizontal scrollen zur Folge, wenn überhaupt.
Muss man vielleicht nur was in der basic_sticky anpassen und wenn ja was?

Gruss Ria
09.08.2011, 13:42
BugBuster

Zitat:

Mein Raster: g2+g5+g4+g3 = 10,5+29.25+23+16,75 = 79,50%

Man könnte auch sagen Summe ist g14, also noch Platz für ein g2 zusätzlich

Es kommt aber ganz darauf an wo genau du diese Grid Klassen setzt.
Ich wende die derzeit ausnahmslos auf Artikel an.
Theoretisch sollte das auch bei den Elementen gehen, da sollte laut den Grid Definitionen dann der Abstand (2x1%) wegfallen. Hab ich aber noch nicht getestet.

Wenns das nicht ist, kommen irgendwoher noch margins die da stören.
Kontrolliere das per FF und Firebug oder äquivalentes.
10.08.2011, 21:08
Ria

Hallo Bugbuster,

es sieht düster für mich aus, ich finde sonst keine margins.

1 Block bis 4 aus der css, alle margins:

Code:

margin-top:0.0; margin-bottom:0.5em; margin-left:0.5em;

2 Block

Code:

margin-bottom:0.5em; margin-left:0;

3 Block

Code:

margin-bottom:0.5em; margin-left:0;

4 Block

Code:

margin-bottom:0.5em; margin-left:0;

Hier noch mal aus firebug:

HTML-Code:

<body id="top" class="startseite"> <div id="wrapper"> <div id="header"> </div> <div id="container" class="clearfix"> <div id="main"> <div class="inside"> <div id="start-rundschau" class="mod_article block"> <h2 id="start-rundschau" class="ce_headline ueberschrift01">Generalüberschrift h2</h2> <div id="start-rundschau" class="ce_text g3 block"> </div> <div id="start-rundschau" class="ce_text g5 block"> </div> <div id="start-rundschau" class="ce_text g4 block"> </div> <div id="start-rundschau" class="ce_text g3 block"> </div> </div> </div> <div id="clear"></div> </div> </div> <img class="invisible" alt="" src="http://localhost/test02/cron.php"> </div>

Mache ich aus dem g2 Block einen g3 (wie hier), dann kippt der letzte g3 runter in die nächste Zeile, auch mit Spaltenset.

Und das sind einfache Artikel nur text und ein bischen Farbe und border rechts, hier ein Beispiel:

Code:

/* 2 Box von links */ #start-rundschau .g5 { height:18.0em; margin-bottom:0.5em; margin-left:0; padding:0.95em; background-color:#FBFCFB; border-top:2px solid #A0D1DB; font-size:1.0em; color:#062307; border-right:10px solid #A0D1DB; border-bottom:2px solid #A0D1DB; border-left:2px solid #A0D1DB; }

sicher kein super css und überflüssiger Code, aber die "Textbox" sieht schon so aus wie ich zunächst mal wollte. Leider finde ich den Fehler nicht.

Gruss Ria
10.08.2011, 22:24
BugBuster

Das einzige was mir auffällt ist, dass die "Generalüberschrift h2" nicht innerhalb der grid Klassen der Elemente liegt.
10.08.2011, 23:32
Ria

Hallo BugBuster,

Zitat:

nicht innerhalb der grid Klassen der Elemente liegt.

ja, das ist auch unabhängig davon und war ein Versuch, liegt praktisch über den Spalten und ist denen nicht im Weg. War vorher innerhalb der Spalten. Der Effekt ist der gleiche.

Vielleicht sagt Dir das etwas:

auch wenn alle Spalten (weniger Spalten) in einer Reihe sind und das Browserfenster mit Strg und + vergrößert wird, springt nach dem 2 Klick die letzte Spalte nach unten. Könnte es nicht an der basic_sticky liegen? Ich glaube ansonsten muss ich es wohl vergessen.

Gruss Ria
11.08.2011, 09:05
Ria

Hallo Bugbuster, tril u. @ ALL,

folgendes Spaltengrid wurde gewählt:

'3x6x4x3 → 18.75 %x 37.50 %x 25.00 %x 18.75 %' => array(array('grid_3', 'inner'), array('grid_6', 'inner'), array('grid_4', 'inner'), array('grid_3', 'inner')),

Spaltenabstand kein Häkchen, kein Eintrag(damit da erstmal keine Abstände sind).

Nun habe ich ein Spaltenset Start;
3 Trennelemente;
und ein Spaltenset Endelement in der Backendansicht.

Ich gehe auf das rechte Pluszeichen von Spaltenset Start wähle "Elementtyp Text"(keine Überschrift als extra Element und auch nicht ohne Element) nur Überschrift im Element.

Nun etwas Text und die ID des Artikelalias(in "Experteneinstellungen) "start-rundschau".
als Klasse g3. Keine Abstände davor oder dahinter. +speichere ab.

Aus dem ersten Spaltenset Trennelemente ist die Bezeichnung Text geworden

(es wird aber im Backend von alleine wieder ein neues Trennelement hinzugefügt, es sind also wieder 3 Trennelemente zur Verfügung, was bedeutet, dass zum Schluss 3 leere Trennelemente übrig sind, die dann sinnlos im Quelltext des Browserfensters stehen).

Jetzt gehe ich auf das Pluszeichen von "Text" und lege analog zu oben erst g6 dann g4 und g3 an.

Eigentlich dürfte ich meiner Meinung nach, bis hier keinen Fehler gemacht haben. Ich habe zusätzlich mal die:

Code:

/*border-right:10px solid #A0D1DB; border-bottom:2px solid #A0D1DB; border-left:2px solid #A0D1DB;*/

border rausgenommen, ist eigentlich Blödsinn, weil die ja auch innerhalb "gx" bleiben sollten.

Nach dem oben ausgewählten "Spaltengrid" müßte es passen. Bekomme im Browserfenster unten auch keinen Scrollbalken(Monitor 19 Zoll).

Fazit: Es funktioniert NICHT. Es muss doch hier auch noch jemanden geben, der das mit 4 Spalten so probiert hat???

Gruss Ria

PS. werde mal die Breite auf 100% setzen, das sieht dann nur nicht so schön aus beim verkleinern des Browserfensters.
11.08.2011, 10:32
tril

Du weißt schon, dass du die CSS Klassen gX NICHT mehr auf den Inhaltselementen verwenden musst?
Du musst deine Spaltenkonfiguration nur so umbauen, dass da nicht jeweils grid_X steht, sondern gX ->

PHP-Code:

'3x6x4x3 → 18.75 %x 37.50 %x 25.00 %x 18.75 %' => array(array('g3', 'inner'), array('g6', 'inner'), array('g4', 'inner'), array('g3', 'inner')),
11.08.2011, 12:47
Ria

Hallo tril,

Zitat:

Du weißt schon, dass du die CSS Klassen gX NICHT mehr auf den Inhaltselementen verwenden musst?

nö, mache dies ja das erste Mal. Bekomme aber jetzt gar nichts mehr zu sehen:

Vorher war in der config aus dem Generator:

Code:

'3x6x4x3 → 18.75 %x 37.50 %x 25.00 %x 18.75 %' => array(array('grid_3', 'inner'), array('grid_6', 'inner'), array('grid_4', 'inner'), array('grid_3', 'inner')),

Jetzt habe ich dies damit, an der Stelle, ersetzt, wie Du schreibst:

Code:

'3x6x4x3 → 18.75 %x 37.50 %x 25.00 %x 18.75 %' => array(array('g3', 'inner'), array('g6', 'inner'), array('g4', 'inner'), array('g3', 'inner')),

Im Inhaltselement in Experteneinstellungen gebe ich die ID "start-rundschau" (Artikelalias) ein.
Als Klasse gebe ich jetzt anstelle "g3" boxlinks ein und die css sieht jetzt so aus:

Code:

#start-rundschau .boxlinks { height:auto; margin-top:0.0; margin-bottom:0.5em; margin-left:0.5em; padding:0.95em; background-color:#DFF7F5; font-size:1.0em; color:#062307; }

Es erscheint überhaupt keine Box mehr! Auch, wenn ich anstelle .boxlinks wieder "g3" eingebe, nichts ist zu sehen. Ohne ID auch nicht. Eine Klasse brauche ich ja, sonst wirkt die css ja nicht.

Vorher habe ich zumindest die Boxen gesehen. Was mache ich jetzt noch falsch?

Gruss Ria

PS entschuldige, bin vielleicht, nach 2 Wochen, etwas entnervt mit dem Teil :confused:
11.08.2011, 13:17
tril

Zitat:

Zitat von Ria

Eine Klasse brauche ich ja, sonst wirkt die css ja nicht.

Das Spaltenset setzt ja die Klasse ein:
...array(array('g3', 'inner'), array('g6', 'inner'), array('g4', 'inner'), array('g3', 'inner'))
Die Fetten Werte sind die CSS Klassen für das äußere DIV, die danachfolgende "inner" ist die CSS Klasse für das innere DIV.

Warum du jetzt gar nichts mehr siehst, weiß ich auch aktuell nicht.
11.08.2011, 14:34
Ria

Hallo tril,

das hört sich so an, als ob anstelle 'inner' auch was ersetzt werden soll?

Ansonsten, ich habe Deine eine Zeile genommen und die alte eine Zeile damit ersetzt. In den "Experteneinstellungen" muß ich eine Klasse eintragen, damit ich mit der entspr. css den Block optisch verändern kann.

Wenn man keine Klasse einsetzt, war ja vorher zumindest die h3 Überschrift und der nackte Text zu sehen. Das ist ja unabhängi von der css! Auch dann ist da nichts zu sehen. Vorher schon, nur mit dem bekannten Problem das der Block nicht mehr in der Reihe bleibt. Also ist es jetzt so gesehen schlimmer.

Gruss Ria
11.08.2011, 17:15
Ria

Hallo Bugbuster,

es sind auch die Abstände in Deiner 1140-grid_16sp Datei, dort habe ich einiges auf 0 gesetzt!

1. in der 1140-grid_16sp:
von 1% auf 0px gesetzt.

{
float:left;
display:inline;
margin-right:0px;
margin-left:0px;
}
#############################
2.

/* Inhaltselemente in einem Artikel erhalten automatisch einen Abstand */
.mod_article > .block
{
margin-right:0px;
margin-left:0px;
}
##############################

Ab jetzt haben die Boxen nur noch 1px Abstand, was durch border right entspr.ausgeglichen wird.

Also jetzt halbwegs besser.

Dann gibt es noch die hier:

.gr
{
margin-right: 0.5% !important;
}

die scheint zumindest darauf keine Auswirkungen zu haben. Für was ist das?

#############################
Jetzt habe ich 3 x g4 +1 x g3 eigentlich müßte hier nochmal g4 funktionieren 4x4=16
g16 ja, das geht für sich alleine.

Ich habe bei mir in den css überhaupt keine margin's mehr drin, subcolumns ist total deaktiviert.
Du müstes irgendwo noch was versteckt haben?

Browserfenster vergrößern geht allerdings auch noch nicht, dann springt die 4 Box eine Zeile tiefer.

Ansonsten habe ich an den Originaldateien nichts verändert, Du hast bei Deiner Akademy ja auch keine 4 Spalten nebeneinander, egal irgenwas stimmt noch nicht bei mir, was ich aber wahrscheinlich nicht geändert bekomme.

Gruss Ria
11.08.2011, 22:09
BugBuster

Damit baust du dir aber ein völlig anderes Konzept der Prozent Grid Technik in Verbindung mit Contao auf.
Meins basiert auf das 960er von Leo Feyer, da sind die Abstände völlig korrekt und sinvoll.
Die Prozent Werte der grid Klassen + die Prozente der Abstände ergeben die 100%.

Wie gesagt, ich habe die Probleme nicht, solange ich nichts Live von Dir sehe, kann ich das nicht nachvollziehen.

PS: Ob 2 oder 3 oder 4 Spalten macht kein Unterschied. Habe mal einen 4 Spalten Test angelegt.
12.08.2011, 14:07
Ria

Hallo Bugbuster,

ich sehe ja das es bei Dir geht, hatte ja zwischenzeitlich Deine Datei aus dem Download genommen,( ich hatte ja 1px zu wenig). Sobald ich die, von Dir, benutze fehlen mir 1x g2. Wenn ich die Margins kille, dann fehlt mir nur noch 1x g1.

original aus dem Download:

Code:

#wrapper { margin: 0 auto; max-width: 1140px; /* die Default Breite */ min-width: 755px; /* kleiner solls nicht sein */ overflow: hidden; } /* Elemente floaten */ .g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16 { display: inline; float: left; margin-left: 1%; margin-right: 1%; } /* Breiten festlegen */ .g1 { width: 4.25%; } .g2 { width: 10.5%; } .g3 { width: 16.75%; } .g4 { width: 23%; } .g5 { width: 29.25%; } .g6 { width: 35.5%; } .g7 { width: 41.75%; } .g8 { width: 48%; } .g9 { width: 54.25%; } .g10 { width: 60.5%; } .g11 { width: 66.75%; } .g12 { width: 73%; } .g13 { width: 79.25%; } .g14 { width: 85.5%; } .g15 { width: 91.75%; } .g16 { width: 98%; } /* Inhaltselemente in einem Artikel erhalten automatisch einen Abstand */ .mod_article > .block { margin-left: 1%; margin-right: 1%; } .gr { margin-right: 2% !important; } /* Für 100% Breiten ohne Abstand und nicht innerhalb eines Artikels * z.B. für HTML Module im Header */ .gr16_0 { margin-right: 0 !important; width: 100%; } /* speziell für Bilder die nächsten beiden Angaben * Bilder passen sich so automatisch der Größe an */ img, object, embed { max-width: 100%; } img { height: auto; } .g1 .block, .g2 .block, .g3 .block, .g4 .block, .g5 .block, .g6 .block, .g7 .block, .g8 .block, .g9 .block, .g10 .block, .g11 .block, .g12 .block, .g13 .block, .g14 .block, .g15 .block, .g16 .block { margin-left: 0; margin-right: 0; }

Könntest Du denn mal nachsehen, ob Du wirklich die gleiche Datei benutzt?

Frage mich allerdings ob das Ganze nicht eh schon obsolet ist. In meinem Entwicklungsstadium könnte ich überlegen, das Pixelgrid mit einer festen Breite und die 2.10 mit in meinen Vorlauf zu nehmen und die ganze lästige Sache über Media Queries, an die Endgeräte anzupassen. Die Vorteile sollen auf der Hand liegen, es soll viel leichter sein, die Webseite für die unterschiedlichen Endgeräte zu portieren mit einem deutlich geringeren Aufwand.

Natürlich würde ich gerne erst mal die alte Sache hier ans laufen bekommen.

Gruss Ria
12.08.2011, 20:13
BugBuster

Ja ich benutze die selben Definitionen wie auf der Seite gezeigt.
Und Media Queries nutze ich auch, das geht auch in Contao 2.9, nur etwas komplizierter.

Alle Zeitangaben in WEZ +1. Es ist jetzt 09:14 Uhr.