Zum Inhalt springen

TS oder CSS Problem?

Erstellt am 9. September 2008 · 13 Antworten · letzte Antwort am 24. September 2008

Tags: Frage

Michaelh74 ·

Das ist das Standard-Rendering bei Text mit Bild rechts. Wenn Du die Option wählst Text umfliessen, dann setzt das Bild unterhalb der Hauptüberschrift an.

Du kannst nun entweder einfach darüber ein weiteres Content-Element bestehend aus nur der Überschrift verwenden oder evtl. die Reihenfolge per TS des Content-Element-Typs Text mit Bild rechts modifizieren.
Dazu hilft sicher ein Blick mit dem Template-Analyzer in "css_styled_content"

Gruß
Michael

Bigmemo ·

Vielen Dank für die Antwort...Leider als Anfänger werde ich noch meine Probleme haben... #paralyzed#

ist das die Stelle im "css_styled_content" ??? wo Text mit Bild rechts erzeugt wird...

tt_content.textpic = COA
tt_content.textpic {
10 = COA
10.if.value = 25
10.if.isLessThan.field = imageorient
10.10 = < lib.stdheader

20  = < tt_content.image.20
20.text.10 = COA
20.text.10 {
if.value = 24
if.isGreaterThan.field = imageorient
10 = < lib.stdheader
10.stdWrap.dataWrap = <div class="csc-textpicHeader csc-textpicHeader-{field:imageorient}">|</div>
}
20.text.20 = < tt_content.text.20
}
Unbekannter Benutzer ·

probier doch mal als Lösung, wie vorgeschlagen, von der Positionierung Text mit Bild, nicht umfließend, auf Text mit Bild, umfließend, umzustellen. Wahrscheinlich ist Dein Problem schon erledigt. Das machst Du im Inhaltselement, nicht im Template.

Viele Grüße
Niki

Bigmemo ·

Danke, war auch mein erster Gedanke, jedoch fließt der Text dann unter dem Bild, sobald mehr Text vorhanden ist.

page.10.subparts {
	CONTENT_MAIN < styles.content.get
	CONTENT_MAIN.renderObj.stdWrap.wrap = <div class="mainWrap"> | </div>
}

hier setze ich ja ein DIV um den CONTENT um zu stylen.
Es müsste doch auch noch möglich sein, die Elemente auszulesen und TITLE extra in ein weiteres DIV einzupacken? Nur wüsste ich nicht ganz wie zu verwirklichen.

thx
Bigmemo

udowald ·

Hi,

das lässt sich mit CSS lösen: div .csc-textpic-imagewrap {margin-top:30px;}. Ich glaube typo3 wrapt eh alle Bilder damit (csc-textpic-imagewrap). Schau noch mal im Quelltext. Andere Möglichkeit, aber nicht ganz sauber, ist ein clear.gif vorab.

Bigmemo ·

Hallo,
auch das hilft leider nicht, dabei bekommen auch andere Bilder mit Textfluss den MARGIN mit.
Ich denke ein TS-Kenner wird sicherlich eine Lösung wissen.

thx
Bigmemo

Michaelh74 ·

Das TS auf die Schnelle. Da wirst Du Dich schon etwas mit TS auseinander setzen müssen:

Image Orientation ist immer mit einem Wert hinterlegt.

Bei einigen Type Wert kleiner XY nimmt er einen anderen Inhaltsaufbau wie bei größer XY. Einmal wird wohl die Reihenfolge Header, Bodytext (dort ist auch das Bild untergebracht) sein. Und im anderen Fall eben die Variante erst Bild mit float right.

Gruß
Michael

Bigmemo ·

hallo,
danke für die vielen antworten, werde eh nicht um TS drumrum kommen. natürlich setze ich mich mir TS auseinander, nur für ein projekt bräuchte ich halt(schnell) eine lösung.

thx
Bigmemo

udowald ·

Hi Bigmemo,

so wie du es beschrieben hast, wrapst du das Element mit einem extra Div. Dann kannst du auch nur diesen speziellen "csc-textpic-imagewrap"
innerhalb deines Div über den Selektor mit css auswählen.

Wenn ein Block anders formatiert werden soll wie alle anderen, musst du sowieso auch in TS mit z.B. "Wenn das so, dann so" den Block eindeutig machen. Ich finde der Ansatz mit dem Wrap ist bereits einer der möglichen Wege.

udowald ·

Hallo Bigmemo,

nur um sicher zu sein, hier keinen Schmarn zu erzählen, habe ich mir gerade den Quellcode von diesem "Text mit Bild" Inhaltselement angeschaut. Es ist also tatsächlich so, dass egal wie viele Bilder untereinander dargestellt werden der "csc-textpic-imagewrap" alle in einem Inhaltselement enthaltenen Bilder einschließt. Somit ist das wie bereits erwähnt mit css kein Problem.

Bigmemo ·

Hallo,
ich habe die letzten Tage nichts machen können. Werde aber demnächst nochmal das Problem angehen. THX für die Antworten.

cu
Bigmemo