Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03470.jsonl.gz/8

Da der Schwerpunkt dieser Seite auf dem Lesen mit möglichst wenig Ablenkung sein soll, aber doch mit diversen Bildern ein wenig Abwechslung auf die Seite gebracht werden soll, habe ich mich für das erwähnte Bildermodul entschieden. In diesem Modul habe ich die Breite und Höhe des Moduls auf 200x800 festgelegt, da auch die Bilder dieses Format haben. Im Template habe ich die seitlichen Bereich mit 25% angegeben. Nun das Modul selber funktioniert einwandfrei und wechselt wunschgemäss in längeren Abständen die Bilder. Und wenn ich es im Brower (IE /Edge /Safari/Firefox usw.) anschaue, ist alles soweit iO.
Wenn ich es allerdings auf dem iPad anschaue, dann werden die linken Bilder in den Text geschoben. Wenn ich im Template die Seitenbereiche auf 20% anpasse, dann wird der Abstand zum eigentlichen Content zu gross und 30% sieht auch nicht wirklich cool aus am PC. 25 % wären optimal. Ich habe im Template auch die Möglichkeit Scripts einzubinden, die das Template übersteuern, also sowas wie eine custom.css. Damit habe ich auch schon erfolgreich die FB-Likebox eingebunden.
Hat jemand eine Idee, wie man das mit CSS oder der Möglichkeit der Scripts besser lösen kann?
Hallo Follower
Ich kenne das Modul nicht.
Kannst du dort bei der Thumbnails-Einstellung bei der Breite nichts eingeben? also leer lassen?
Ist dort keine fixe Breite, dann funktioniert es, dass sich die Bilder verkleinern, wenn es nötig ist.
Das "max-width: 100%;" greift.
Ich habe es mit dem Firebug ausprobiert. Ohne die Breitenangabe funktioniert es.
Wenn das nicht geht, muss du in der theme.css angeben, dass es früher auf responsive umstellt.
Hier einen höheren Wert: @media (min-width: 768px)
@Pascale:
Die gewünschten Thumbnails-Einstellungen habe ich im Modul nicht gefunden. Dort hat es nur Einstellungen wie im Anhang ersichtlich. Dort habe ich dann noch den Punkt "Seitenverhältnisse beibehalten" von JA auf NEIN gewechselt, hat aber auch keine Besserung gebracht.
Das "max-width: 100%;" greift.
Ich habe es mit dem Firebug ausprobiert. Ohne die Breitenangabe funktioniert es.
max-widht habe ich leider nicht gefunden in der theme.css, um dies anzupassen. Oder könnte ich dies auch im custom.css eintragen?
Wenn das nicht geht, muss du in der theme.css angeben, dass es früher auf responsive umstellt.
Hier einen höheren Wert: @media (min-width: 768px)
Ich habe das mit @media ausprobiert. Im theme.css habe ich den Wert @media wie von dir beschrieben angepasst, hat aber nichts gebracht. Als ich dann nach anderen Einträgen dieser Sorte gesucht habe wurde ich fündig:
/* Large screen and bigger */
@media (min-width: 1220px) {
/* Horizontal */
Hallo Pascale
habe deine Ratschläge befolgt: Mit alles löschen hat es nicht funktioniert, es wurde wieder der letzte Wert angezeigt (200px). Mit 0 geht es auch nicht, dann wird kein Bild angezeigt. Schliesslich habe ich es noch mit eine Leerschlag (Blank / Space) probiert......... und siehe da. Jetzt ist das Feld leer, und die Bilder werden auch auf dem Pad korrekt angezeigt! Super! Danke für deine Hinweise!
Lieber Gruss
Follower