Hallo ins Forum,
ich habe ein sehr seltsames Problem. Ich möchte ein CE "Text mit Bild" einfügen, in dem 4 Bilder dargestellt werden. Diese Bilder sollen nebeneinander stehen, daher setze ich die Anzahl der Spalten auf 4.
Problem: Jenachdem wie ich die Bildposition einstelle sind die Bilder korrekterweise nebeneinander (bei Bild im Text und Bild neben dem Text) oder aber das letzte Bild bricht in eine neue Zeile um (bei Bild über oder unter dem Text).
Bild: die-copybox.de/…/ce_mit_bilder.jpg
Das ganze Spiel läuft auch so mit drei oder zwei Bildern. Im Text sind sie nebeneinander, unter- oder oberhalb des Texte klappt es nicht. Das letzte Bild wird immer in der nächsten Zeile dargestellt. Nur wenn ich die Navigation ausblende und den Content auf 100% Breite einstelle, dann werden die Bilder überall korrekt dargestellt.
Hat jemand ne Idee, was da falsch läuft?
Vielen Dank für n Tipp und Gruß
mimii
Und mit welcher Breite sind die einzelnen Bilder definiert?
Hallo,
der Redakteur nimmt die Bilder so wie sie sind, meist zwischen 400 und 600 px Breite. Im CSS sind sie mit max-width:100%; und height:auto; angegeben.
Im Text werden sie alle runtergerechnet auf eine Breite von 91px, unter oder über dem Text werden sie auf 350px gesetzt. Auch wenn das usprünglich hoch geladene Bild breiter war.
Gruß mimii
Was passiert, wenn du die Breite der Bilder in TYPO3 und im CSS verminderst?
Hallo,
wenn ich im BE bei den Bildeinstellungen was eingebe, z.B. bei der Breite 100, passiert im FE nichts. Die Bilder behalten die runtergerechnete Größe von 91px bzw. 350px. Wenn ich das natürlich im CCS fix einstelle oder die Bildgröße im Firebug unter <img width ... > ändere kann ich sie anpassen, so dass es jeweils passt.
Aber das ist doch nicht Sinn der Sache :-/. Wenn ich zwei, drei, vier oder mehr Spalten habe sollten diese doch automatisch passend dargestellt werden, bzw. die Bilder in der Breite passend berechnet werden? Irgendwie läuft da was schief.
Wenn die Bilder sich gem. meiner CSS Angabe von
img {
max-width:100%;
height:auto;
}
und ich für die vier Spalten folgendes angebe
div.csc-textpic div.csc-textpic-imagecolumn {
float: left;
width: 24%;
}
passt alles. Aber ich kann ja nicht vorher wissen, ob ein Redakteur 2, 3, 4 oder mehr Spalten wählt. Ich müsste ja für alle Möglichkeiten die width eintragen.
Gruß
mimii
Gruß
mimii
Welcher Wert steht denn im Constant-Editor? z.B bei "Max Image Width"?
Ich habe in einer ausgelagerten Datei für die Konstanten das eingetragen
styles {
content {
imgtext.maxW = 960
imgtext.maxWInText = 300
imgtext.linkWrap.width = 600
}
}
Seltsamerweise steht aber in Konstanteneditor bei
Max Image Width
[styles.content.imgtext.maxW]
960
Max Image Width (Text)
[styles.content.imgtext.maxWInText]
empty
Click-enlarge Image Width
[styles.content.imgtext.linkWrap.width]
800m
Im Root TS Setup habe ich noch Folgendes stehen
tt_content.image.20.1.maxH >
tt_content.image.20.1.maxW >
tt_content.image.20.1.file.width >
tt_content.image.20.1.file.height >
tt_content.image.20.equalH >
tt_content.image.20.equalW >
tt_content.image.20.1.maxH = 960
tt_content.image.20.1.maxW = 960
tt_content.image.20.1.file.width = 960c-0
tt_content.image.20.1.file.height = 500c-0
Vielleicht kommt sich hier irgendwie was in die Quere. Da mal gleich die Frage wie spielen hier die Einträge der Konstanten mit den Definitionen im Setup zusammen?
Danke für deine Hilfe und Gruß
mimii
Ganz genau. Die Breite ist bei dir auf 960 eingestellt.
Egal wieviele Spalten du hast, es kommt immer insgesamt auf 960 Pixel.
Dabei werden standardmässig, glaube ich, 10 Pixel zwischen den Bildern generiert.
ah, jetzt ja ;-)
Wenn ich in den Konstanten den Wert auf die max Breite des Content setze passt es.
Eine Frage habe ich noch, was genau machen die Einträge im root TS Setup und wie spielen die mit den Einträgen in den Konstanten zusammen?
Many THX und Gruß
mimii
Hi kolki,
danke für den Link. Soweit hatte ich das auch verstanden. Im Falle von den Bildern ist es mir jedoch nicht wirklich klar. Die Werte von styles.content aus den Konstanten verwende ich aber aber in diesem Sinne ja nicht als "Variable" im Setup. Daher ist es mir leider noch ziemlich unklar wie die angabe maxW und maxWInText der Konstanten mit den Angaben im Setup maxH und maxW, bzw. file.width und file.height zusammenhängen. Ich kann ja in den Konstanten was völlig anderes eintragen als im Setup?
Bin leicht verwirrt 😉
Gruß
mimii
