Slider begrenzen

Hallo,

auf der Seite https://www.ferienparks-ferienpark.info/Deutschland/Sa…dus-resort.html habe ich einen Slider eingebaut, der Bilder im Format 800x534 Pixel enthält. Leider wird diese Größe jedoch von Zeta ignoriert (Stripe Responsive). Die Bilder werden über die komplette Bildschirmbreite ausgedehnt (randlos) oder bekommen einen hässlichen Rand (rechts und unten), wenn ich randlos deaktiviere und werden trotzdem viel zu groß dargestellt (auf Projektbreite 930px). Wie kann ich das verhindern?

Ich möchte die Bilder in 800x534 angezeigt bekommen, so wie sie bereitstehen und das randlos.

Danke.

Version 15.4.1 Express

Wie ist denn die gesamte Breite (vor)definiert? Ein Slider sollte doch eher nicht breiter sein, als das gesamte Projekt.

Das Widget lässt sich zwar schmaler ziehen, da ich aber den Inhalt in einer einzigen Spalte habe, wird der komplette Inhalt der Seite schmaler gezogen, also die gesamte Spalte und nicht nur das Widget. Liegt das an mir, oder ist das technisch so gedacht? Wie kann ich das umgehen?

Ich habe ca. 150 Unterseiten einspaltig aufgebaut, weil ich die genauso brauche und jetzt wo ich Slider einbauen möchte, sehe ich alt aus

Hallo Stefan,

#3 nutzt so wie beschrieben leider nichts, da auch hier die gesamte Spalte markiert wird.

Was aber geklappt hat, ist in dem Slider über Weitere Einstellungen > Mehr die maximale Breite einzugeben.

Leider ragt der Slider nun Links weit über den Seitenrand hinaus und wie in #3 beschrieben klappt es eben nicht.

Kannst Du mit dafür auch noch den Befehl für zentriert geben und wo bzw. wie ich den eintragen soll.

ich habe hinter max-width: 800px; text-align:center;

ergänzt, das bringt aber leider gar nichts.

Egal ob der Slider auf randlos steht oder nicht, wenn ich per Rechtsklick auf dem Slider auf Darstellung gehe, dann wird immer die komplette Spalte markiert (siehe vorher - nachher Screenshots

Dadurch lässt sich der Slider leider nicht allein auf 800px beschränken, sondern immer die komplette Spalte und somit der komplette Content, der aber die 930px der Projektbreite behalten soll. Das habe ich aber wie oben beschrieben gelöst, aber online sieht es jetzt echt doof aus, da der Inhalt des Sliders sich so nicht zentrieren lässt.

https://www.ferienparks-ferienpark.info/Deutschland/Sa…dus-resort.html

Für die Slider auf allen 150 Seiten neue Reihen anzulegen ist vermutlich keine Option, weil die Slider mitten in den Content müssen.

Dafür müsste ich den vorhandenen Content auf jeder Seite einzeln in zwei Reihen + eine Reihe für den Slider aufteilen.

Das wäre ein sehr großer Aufwand, wenn ich das richtig interpretiere.

Probiere ich gleich noch aus.

Ich habe meinen letzten Beitrag noch etwas ergänzt und lade gerade die aktualisierte Version als Test hoch.

Ist jetzt online:

https://www.ferienparks-ferienpark.info/Deutschland/Sa…dus-resort.html

Dabei habe ich den Slider nun zweimal auf der Seite, weiter unten in einer eigenen Reihe.

So, jetzt sind beide Slider, der in der ursprünglichen Reihe und der in der neuen Reihe plötzlich auf 800px und linksbündig ohne überzustehen.

Den unteren habe ich allerdings auf zentriert gestellt, also die Reihe.

margin: 0 auto habe ich noch nicht getestet. Da melde ich mich dann nochmal.

Die meisten Bilder habe ich schon seit Jahren, die sind nur in dieser Größe vorhanden, aber einige muss ich ohnehin neu anfordern, da würde auch 930px als Breite gehen.

Was jetzt funktioniert hat ist das hier:

Dafür habe ich den Slider in eine andere Seite kopiert um das unabhängig von Reihen zu testen.

Das klappt nun so wie es soll

https://www.ferienparks-ferienpark.info/Deutschland/Sa…-zaulsdorf.html

Jetzt stört nur noch der graue Rand. Kann ich da die Farbe (= Hintergrundfarbe) auch irgendwie im Inline Style einstellen?

Den schmalen, grauen Rand vom Slider, den man rechts und unten sieht, so eine dünne Linie

So sieht man ihn gut, aber der sieht natürlich nicht so schön aus.

Danke, ich hab die Einstellung unter Layout > Inhaltsbereich und dann Bilder gefunden und die Farbe des Rahmens angepasst.

Was ich aber nicht verstehe ist, dass dort Rahmenstärke 0px steht, aber trotzdem ein Rahmen angezeigt wurde.

Ah, genau, ich habe nicht die Rahmenfarbe, sondern die Schattenfarbe dem Hintergrund angepasst.

Danke, im Moment scheint alles zu funktionieren, wie es soll