[TYPO3-german] YAML und FCE: muss base.css eingebunden werden?

Stephan Schuler Stephan.Schuler at netlogix.de
Thu Apr 1 21:48:35 CEST 2010


-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA256

Hallo Roland.


Dein Problem ist in erster Linie nicht der Wust aus CSS-Dateien den YAML mitbringt. Den habe ich mir bei dir ehrlich gesagt gar nicht angesehen. Dein Probem ist vielmehr die Tatsache, dass dir der Großteil der wesentlichen HTML-Elemente fehlt.


Ein Mehrspalten-Element im YAML-Style muss zunächst von einem DIV ummantelt werden, das die Klasse "subcolumns" hat. Das ist bei dir schon mal nicht der Fall, weder beim Dreispaltenelement noch beim Zweispaltenelement.

Weiterhin muss die linke Spalte eines Dreispaltenelements die CSS-Klasse "c33l", die mittlere Spalte ebenfalls die Klasse "c33l" und die rechte Spalte die Klasse "c33r" haben. Analog beim Dreispaltenelement "c50l" und "c50r".
Außerdem muss innerhalb der linken DIVs "c33l"- und der "c50l" ein DIV der Klasse "subcl", innerhalb der rechten Spalten "c33r" und "c50r" ein DIV der Klasse "subcr" und innerhalb der mittleren Spalte "c33l" ein DIV der Klasse subc sein.

Die Klassen c33l, c33r, c50l und c50r sind für das Floating zuständig (bewirken also in erster Linie dass die Spalten nebeinander erscheinen), die Klassen subcl, subcr und subc sind primär Abstandshalter die noch ein "overflow:hidden" mitbringen.

Dem dreispaltigen Element fehlen also alle sieben notwendigen Klassen, dem zweispaltigen Element feheln "nur" drei von fünf.


Ich würde aufgrund der gravierenden (evtl. systematischen) Fehler darauf tippen, dass du an diversen Stellen im Mapping inner und outer verwechselt hast.

Wenn dein Root-Node "inner" ist, wird das Node an sich weggelassen, wenn es "outer" ist gehört das Node mit zum Output. Da ".subcolumns" notwendig ist, solltest du im FCE wahlweise das Root-Node ".subcolumns" outer mappe (um es zu erhalten) oder beim "inner"-Mapping anschließend wieder drum herum wrappen.
Wenn ein Nicht-Root-Node "inner" ist, wird der innere Teil ersetzt, wenn ein Nicht-Root-Node "outer" ist wird es komplett ersetzt. Die Spalten sollten deshalb eigentlich "inner" auf die "subcl", "subc" und "subcr" gemappt werden, damit die die genannten Nodes inklusive der drum herum liegenden Nodes "c33l" und "c33r" erhalten bleiben.


Gruß,


Stephan Schuler
TYPO3 Entwickler

Telefon: +49 (911) 539909 - 0
E-Mail: Stephan.Schuler at netlogix.de

- --
netlogix GmbH & Co. KG
Systemhaus | Trainingscenter | Medienagentur
Andernacher Straße 53 | 90411 Nürnberg
Telefon: +49 (911) 539909 - 0 | Fax: +49 (911) 539909 - 99
E-Mail: mailto:info at netlogix.de | Internet: http://www.netlogix.de/

netlogix GmbH & Co. KG ist eingetragen am Amtsgericht Nürnberg (HRA 13338)
Persönlich haftende Gesellschafterin: netlogix Verwaltungs GmbH (HRB 20634)
Umsatzsteuer-Identifikationsnummer: DE 233472254
Geschäftsführer: Stefan Buchta, Matthias Schmidt

________________________________________


Von: typo3-german-bounces at lists.typo3.org [typo3-german-bounces at lists.typo3.org] im Auftrag von Jochen Graf [graf at uni-landau.de]
Gesendet: Donnerstag, 1. April 2010 20:24
An: German TYPO3 Userlist
Betreff: Re: [TYPO3-german] YAML und FCE: muss base.css eingebunden werden?

Jochen Graf schrieb:
> Roland Müller schrieb:
>>
>> Aber im Quelltext steht nichts von "layout_2col_left_vlines.css".
>>
>> Am 01.04.2010 18:37, schrieb Jochen Graf:
>>> Roland Müller schrieb:
>>>> Hallo Gruppe,
>>>>
>>>> bin dabei, Flexible Content Elements einzusetzen. Verwende TV und
>>>> YAML.
>>>> Nun habe ich es geschafft, ein 3-Col FCE als Seiteninhalt einzubinden
>>>> ; aber die jeweiligen 3 Content Elements stehen untereinander und
>>>> nicht nebeneinander, siehe hier:
>>>>
>>>> http://mediengeier.de/index.php?id=7
>>>>
>>>> Habe hier
>>>> http://www.yaml.de/de/dokumentation/anwendung/subtemplates.html
>>>> gelesen, dass es eine sog. base.css gibt, von und mit YAML.
>>>> Muss ich die erst noch mit Typoscript selbst einbinden oder macht es
>>>> das YAML irgendwie?
>>>>
>>>> Thx und Gruß
>>>> Roland
>>>> _______________________________________________
>>>> TYPO3-german mailing list
>>>> TYPO3-german at lists.typo3.org
>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>
>>>>
>>> Hallo,
>>>
>>> bei Yaml wird das CSS durch eine Datei eingebunden.
>>>
>>>
>>> @import url(main/base.css);
>>> @import url(modifications/basemod.css);
>>> @import url(modifications/basemod_2col_left_vlines.css);
>>> @import url(navigation/nav_slidingdoor.css);
>>> @import url(navigation/nav_vlist.css);
>>> @import url(main/content.css);
>>> @import url(main/typo3-RTE.css);
>>> @import url(print/print_003.css);
>>>
>>> In diesem fall über die layout_2col_left_vlines.css
>>>
>>> An der base.css sollte nichts geändert werden.
>>>
>>> Zum Ändern des Layouts auf den Ordner "modifications" zurückgreifen.
>>>
>>>
>>>
>>>
>>>
>>> ## Zeilenumbruch im H1 Feld
>>> lib.stdheader.10.setCurrent.br = 1
>>> # ?ndert den Namen TO TOP im Contentelement
>>> #tt_content.stdWrap.innerWrap2 = |<a href="#top">Seitenanfang</a>
>>> page = PAGE
>>> page {
>>>
>>> stylesheet =* layout_2col_left_vlines.css*
>>> config {
>>> no_cache = 0
>>> doctype = xhtml_trans
>>> xhtml_cleaning = all
>>> index_enable = 1
>>> metaCharset = utf8
>>> renderCharset = utf8
>>> additionalHeaders = Content-Type:text/html;
>>> charset= utf8
>>> index_externals = 1
>>> #cache = 1
>>> no_cache = 0
>>> # simulateStaticDocuments= 1
>>> # simulateStaticDocuments_noTypeIfNoTitle = 1
>>>
>>>
>>>
>>> }
>>>
>>> }
>>>
>>>
>>> http://www.yaml.de/de/dokumentation/css-bausteine/basis-stylesheet.html
>>>
>>>
>>>
>>> Viele Grüsse Jochen
>>>
>>
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> Hallo,
>
> wie hast du denn Yaml installiert?
>
> über die t3d Datei?
>
Hallo Roland,

das war nur ein Beispiel

http://www.t3net.de/dokumentation/yaml-fuer-autoparser/verwendete-extensions.html

ohne diese Extension geht bei Yaml nichts

automaketemplate (Template Auto-parser, Version 0.1.0)
rlmp_tmplselector (Page Template Selector, Version 1.2.3)

die anderen sind eine Zugabe.

Es ist echt schwer, die Frage zu beantworten.

Yaml ist echt sehr komplex,  schreibe mir eine Mail an
graf at uni-landau.de, helfe Dir gerne, muss leider heute Abend weg.
Ich habe das auch ohne die Extensions am laufen.

Bei einer t3d Installation ist schon alles vorhanden.

Leider kann ich zum FCE nichts sagen, nur so als Tipp, ich würde erst
mal ohne den FCE bei Yaml anfangen,  denn das ist schon eine Sache für sich.

hier mal eine Installation

http://jochen1.rde.net/typo3/

user admin
yaml
passwort
yaml


Dazu die Seite

http://www.t3net.de/dokumentation.html

gruss jochen
_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

-----BEGIN PGP SIGNATURE-----
Version: PGP Universal 3.0.0 (Build 2881)
Charset: Windows-1252

wpUDBQFLtPiYpp0IwsibV8MBCCsTBACzVKSIvUx7LyskC8ibnNbH0k2fGvBdf0Ne
48jbK4jlUv9FINhQCdrrfJ8xwAsUDFMPu9XT9gwcn2HGcygmt30eZdl6iSbIPajq
GwV/QYSZVO8xVLjmC6seJ19uCLG2IlCd1q3PZlws0Sw/c7rgma6b03BZJqTCk/Qg
QPw1TEz2ug==
=PaYS
-----END PGP SIGNATURE-----


More information about the TYPO3-german mailing list