Images und RTE

[quidnovi]

Hallo

Mittels RTE habe ich eine Tabelle mit 2 Spalten und 4 Zeilen erstellt. Nun ziehe ich ein Bild mittels Drag&DRop in eines der Felder. Das Bild wird aber nur ganz klein dargestellt.
Wenn ich nun auf "ImageProperties" gehe um das Bild in der Originalgröße von 200X133 anzeigen zu lassen pixelt das Bild aus.

Wie bewege ich den RTE dazu die Bilder in Originalgröße darstellen zu lassen?


Der Hintergrund: Auf der angesprochenen Seite muß ich jeweils abwechselnd ein Bild mit einer Beschreibung neben diesem aber "midlde" darstellen, darunter Text und daneben Bild, usw.

Unten seht Ihr wie die Seite endgültig auszusehen hat.

Kann mir bitte jemand einen Tip geben, wie ich das im RTE oder auch anders lösen kann?

Danke

[steffenk]

also ich mag Tabellen für solch Darstellung nicht und würde das mit 4 Elementen Text/Bild machen

Aber auch im rte funktioniert das, so wie Du das gemacht hast.
Was meinst Du mit "pixelt aus" ? Ich kann das nicht nachvollziehen.
Originalbilder werden über "normales Bild" eingesetzt, das kann aber gefährlich sein, wenn Redakteure das benutzen und nicht auf die Originalgrössen achten.

[quidnovi]

Hi St@eff.en

is ja cool, Du scheinst immer hier zu sein. Freut mich und bin Dir dafür sehr dankbar.

Habe das mit den Elementen jetzt probiert - funktioniert ja spitze.

Nur habe ich jetzt noch ein kleines Formatierungsproblem: Die Bilder "picken" jetzt komplett am Rand der Seite. Wie kann ich die ein bißchen in die Seite einrücken?

Ich habe Bilder in einer gewissen Größe, neben denen eine Bullet List mittig zum Bild dargestellt werden soll.
Also die Liste muß vom oberen Bildrand den gleichen Abstand haben wie vom unteren. Kann man das irgendwo einstellen?

zum Auspixeln: Die Bilder haben die Größe 200X133 - im Original. Wenn man nun diese Bilder - die ja im Table des RTE als Kleinstbilder dargestellt werden - die Originalgröße angibt, dann ist das der gleiche Effekt, als wenn man mittels HTML Code ein Bild mit dieser Größe einfach andere Parameter gibt. Z.B.: 500x500.
In diesem Fall wird das Bild nicht dynamisch vergrößert (gerendert), sonder nur der Platz drumherum. Dadurch entstehen dann vergrößerte Pixelbilder.

Hänge Dir ein Bild dazu, sollte ich mich ein wenig umständlich ausgedrückt haben.

[steffenk]

Formatierung geschieht ausschliesslich über CSS - einfach das CSS der css_styled_content in eine eigene css kopieren und über typo3 deaktivieren.

Dein Pixeleffekt sollte auf Drag'n'drop zurückzuführen sein, nimm mal Zauberbilder.

[quidnovi]

Werde das mal probieren.

Danke St@eff.en für Deine Hilfe am Sonntag

[quidnovi]

jetzt bin ich nomals da.

Wie kann ich folgendes darstellen:
Bild - Text - Bild
und das alles auf der gleichen Linie. So wie in einem Table - den ich ja nicht verwenden will/soll.

Habe schon mit colPos 1,0,2 probiert, aber das geht nicht. Da habe ich nix auf der gleichen Linie.

Hat vielleicht jemand eine Idee dies umzusetzen?

Bitte Euch um Tips, danke

[steffenk]

mit Standardelementen lässt sich das nicht erreichen, nur mit der rte-Lösung oder anderen Hilfsmitteln (TemplaVoila mit FCEs oder so)

[ZombyWoof]

Hai Steffen,

muss mich kurz mal hier einmischen

Zitat von St@eff.en

Formatierung geschieht ausschliesslich über CSS - einfach das CSS der css_styled_content in eine eigene css kopieren und über typo3 deaktivieren..

kannst du mir vielleicht ganz kurz diesen Vorgang näher beschreiben? Also wo genau finde ich die css_styled_content, und mit welchem TS wird die Geschichte deaktiviert`?

Grüsse Frank

[steffenk]

Hi. Ganz einfach:

Man geht in den Template Analyzer und klickt auf EXT:css_styled_content/static/

Wenn man ganz runter scrollt, kopiert man sich die Anweisungen zwischen

plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE (
...
)

Diese kopiert man in seine CSS-Datei, danach deaktiviert man das interne CSS mit der Anweisung
plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE >

[ZombyWoof]

vielen Dank!

[ZombyWoof]

Guten Morgen,

vielleicht in dem Zusammenhang gerade noch eine kleine Frage, ich habe hier jetzt ein Inhaltselement 'Bild' (2 Spalten), mittels der css_styled_content wird das Ganze ja schön eingepackt

<div class="csc-textpic csc-textpic-center csc-textpic-below">
<div class="csc-textpic-imagewrap" style="width:400px;">
<div class="csc-textpic-imagerow" style="width:400px;">
...
</div></div></div>

Über die oben beschrieben Methode mit der 'ausgelagerten' CSS-Datei ist es ja kein Problem die CSS Klassen zu ändern. Die große Frage allerdings: wie komme ich denn an style="width:400px" dran?

Die 400px resultieren ja aus 2x 200px (eingestellte Bildbreite), aber wie müsste ich vorgehen wenn ich das div gerne bsp. 100% breit haben möchte?

Für jeden Tipp dankbar,
Grüsse Frank

[steffenk]

nope - die Grössenangabe wird von der css_styled_content berechnet und hart eingefügt.

[ZombyWoof]

... danke!