Druckbare Version
Hallo,
ich habe mit der Erweiterung Probleme, erstmal zum Verständnis. Wenn ich keine Abstand zwischen den Spalten haben will, lasse ich den Haken bei Spaltenabstand nutzen weg. Aber leider benutzt diese Erweiterung dann trotzdem den 12px Abstand. Nun gut das habe ich nun hinbekommen nachdem ich den Haken gesetzt habe und auf 0 eingestellt habe.
Da ich ein Hintergrundbild nutze habe ich den Haken bei gleiche Spaltenhöhe gesetzt. Aber es passiert nix. :o
Hallo schlunze,
mit Link könnten sich eher Leute finden die bereit sind dir zu helfen.
So müssten wir dein Setting erst umständlich nachbauen (wobei keiner wissen kann wie genau du das gemacht hast, da es ja immer mehrere Möglichkeiten gibt).
Viele Grüße
Die Funktion der gleichen Spaltenhöhe funktioniert nicht so ohne weiteres.Zitat:
Zitat von schlunze
Bitte schau dir dafür die entsprechenden Erklärungen auf der Projektseite vom YAML-Framework an. (z.B. hier)
Mit dem Häkchen wird lediglich die entsprechende Klasse integriert. Den "Rest" muss man nach wie vor von Hand machen.
Gruß, Felix
@MackP
Ich würde ich ja einen link geben, aber es ist eine lokale Installation. Deshalb nur die Screenshots.
@felixpfeiffer
Ich habe es schon hinbekommen mit CSS.
Trotzdem danke für die Unterstützung.
Bezüglich der einheitlichen Höhe der Spalteninhalte wäre es m.E. sinnvoll noch eine Java-Script-Erweiterung zu implementieren, welche die aktuelle Höhe aller enthaltenen Spalteninhalte ermittelt (.offsetHeight) , und den größten Wert als Wert für alle setzt... *grübel* Mir fehlt zwar im Moment die Zeit dafür (obwohl ich es dringend bräuchte), aber ich schreibe es mir mal auf die Liste.
Ggf. kann es ja dann in die eigentliche Extension eingebunden werden, mit einer zusätzlichen Checkbox für Java-Script-Anpassung, damit man dafür nicht extra noch ein Modul installieren muss, aber trotzdem noch die Möglichkeit lässt, das per fixer CSS-Height zu regeln.
Falls Interesse der Extensionentwickler vorhanden, bitte bei mir melden (sonst melde ich mich *androh* ;) )
Aber warum denn per JS?
Dann würde es auch eine Kombi aus min- und max-height tun.
Javascript hat an dieser Stelle ncihts zu suchen.
Ich würde ausßerdem empfehlen noch mal die Beschreibung in YAML zu diesme Thema zu lesen und die Beispiele anzusehen.
Gruß, Felix
Okay, da war ich wohl etwas voreilig. Ich habe mich jetzt mal durch die Beispiele und die CSS-Files geforstet.
Allein mit den Definitionen ...
... bekommt man es allerdings noch nciht hin.Code:.equalize, .equalize .subcolumns {
overflow:visible;
display:table;
table-layout:fixed;
}
.equalize > div {
display:table-cell;
float:none;
margin:0;
overflow:hidden;
vertical-align:top;
}
Sollte man in TYPOlight dafür noch die Extension tlyaml und yamltools installieren oder ist das unnötig? Wenn die Checkbox 'selbe Spaltenhöhe' lediglich die CSS-Klasse setzt, fehlt ja offensichtlich YAML. Dachte allerdings dass subcolums die benötigten YAML-Dateien mitbringt. Beeinfluss eine komplette YAML-Implementierung nicht das TL-CSS-Framework?
btw: wir haben den selben cih-Tippfehler :D
Ergänzend aus der Beschreibung von subtemplates
Wenn ich das richtig verstehe 'forced' ja das CSS-Table-Layout die Spalteninhalte.Zitat:
Special Case: Equal Height Boxes
Starting with version 3.1, YAML natively supports the creation of content containers of equal height - independent of their content - with pure CSS. The concept behind this bases on the markup of the subtemplates, but combined with several CSS layout concepts in order to ensure correct crossbrowser display.
...
By assigning the CSS class .equalize, the column containers .cxxl and .cxxr are forced to the same height. The content containers .subcl, .subcr, and .subc do not change.
Nachtrag
Dank der netten Hilfe im IRC-Channel ist mein Problem (Denkfehler) behoben. Die Spalten hatten schon beide die korrekte Höhe (Firebug zeigt was man oft nicht sieht *g*). Also bringt subcolumns alles Benötigte mit. Lediglich der Textblock .ce_text innerhalb der Spalte .subcr war nicht hoch genug. Das konnte mit folgender Ergaenzung im CSS behoben werden
Danke an den 'IRC-Support' ;)Code:.subcr .ce_text {
margin-bottom: -100em;
padding-bottom: 100em;
}