Slider mit Text responsiv 
Autor: Michael G.
Visited 373,
Followers 1,
Udostępniony 0
Hallo,
hier https://www.medipharma.de/
wurde ein Slider verwendet glaube ich. Links Bild und rechts Text mit Bild.
Bei responsiv geht es untereinander. Hat jemand eine Idee wie man sowas machen könnte?
Posted on the
Hier gibt es das Objekt "Content Slider" (kostenlos), siehe
----- Anleitung -----
Was ist das Objekt Content Slider und wie wird es verwendet
>> https://guide.websitex5.com/de/support/solutions/articles/44001792412
-----
Und bei "Stil" kann die automatische Wiedergabe aktiviert werden, siehe
----- Screenshot -----
Autor
Ja das habe ich probiert und die Größe des Bilder wie auf der Beispielseite, aber
ich bekomme es nicht hin. Irgendwo habe ich da einen Denkfehler siehe Bild
Autor
Hier noch die Einstellung beim Slider
Autor
noch mal
Mit Riesenbildschirmen habe ich keine Erfahrungen, mein Notebook hat 17 Zoll (1600 x 900 Pixel).
--- Bildschirm 1600 x 900 - Screenshot volle Breite / Objekt "Content Slider" - Stil, Höhe: 508 ---
Autor
Ok da liegt es vielleicht am Bildschirm.
Denn hier sieht es ganz anders aus https://www.medipharma.de/
Ich wollte gerade bei meiner Testseite unter ...
2 Vorlage > Responsives Design
... eine höhere Breite als 1150 einstellen, aber das geht bei meiner aktuellen Pro-Version nicht.
Möglicherweise ein Fehler in WebSite X5, den Incomedia beim nächsten Update beheben müsste.
Wenn ich eine neue Breite mit 1550 hinzufügen will, dann wird sowas angezeigt, siehe Screenshot
-----
Habe die Lösung gefunden - zuerst "Desktop" markieren, nun auf "Bearbeiten" klicken und die größte Breite eingeben, dann auf "Hinzufügen" klicken und kleinere Breiten eintragen, so klappt es.
.
----- Einträge bei "2 Vorlage > Responsives Design" -----
----- Screenshot mit voller Bildschirmbreite bei 1600 Pixel breitem Bildschirm -----
Man kann noch im Raster das Objekt "Content Slider" markieren und oben auf "Erweitern" klicken.
Und beim Raster oben auf "Zeilenstil" klicken und dann das Objekt "Content Slider" markieren, um auch hier oben noch auf "Erweitern" zu klicken.
Damit dürfte wohl die größte Breite für das Objekt "Content Slider" erreichbar sein.
Bei Erhöhung der Umbruchpunkte müssen unter ...
2 Vorlage > Inhalt des Templates
... bei den zusätzlichen Umbruchpunkten die Objekte im Header und Footer evtl. nach rechts erweitert bzw. verschoben werden, damit Header und Footer bei größeren Breiten gut aussehen.
Ja, der ist schön, und im responsiven schiebt sich der Text darunter.. Wie unser Contentslider. Muss ich schauen...
Autor
Irgendwas mache ich falsch. Ich bekomme das Bild nicht an den Bildschirmrand wie auf der Beispiel Website https://www.medipharma.de/
Schaut selbst regotent-zelte.de
Welchen Monitor hast du? Bei einem UHD 4800px oder größeren Bildschirm kann es zu seitlichen Rändern kommen.
Wenn das Bild ganz an den linken Rand soll, dann müssten wohl die CSS-Experten helfen.
Ich selber habe nur minimale CSS-Kenntnisse. Evtl. haben die Incomedia-Mitarbeiter eine Lösung.
Autor
Ein kleiner Rand ist nicht schlimm, aber bei mir das ist zu viel.
Auf der Seite medipharma ist das Bild im Slider links und Text mit Button rechts. Beim responsiv, geht der Text mit Button unter das Bild.
Guten Tag Michael,
ich habe Ihre Website kontrolliert, aber bei mir wird den Inhalt ganz normal angezeigt:
Oder verstehe ich das falsch und Sie hätten gern, dass das Bild am linken Rand angezeigt wäre?
In diesem Fall, könnten Sie eine Grafik mit einem externen Programm vorbereiten und sie als Hintergrund des Sliders einstellen, z. B. :
Danke! LG
Autor
Ja wie auf dem unteren Bild soll es sein.
Also muss ich ein Hintergrundbild machen? Geht der Text mit Button dann auch untereinander bei responsiv?
Guten Tag Michael,
für mein Beispiel habe ich einfach eine Grafik selbst gemacht
Und die Datei als Hintergrund eingestellt:
Die Ausrichtung des Texts und der Schaltfläche habe ich dann im Reiter "Stil" des Objekts definiert.
Halten Sie mich bitte auf dem laufenden.
P.S.
Ihre Website ist sehr gut gestaltet! Gerne können Sie sie in unserer Galerie melden: https://helpcenter.websitex5.com/de/galerie/internetseite-einstellen
Danke!
Ich habe es kurz getestet - es wird auch noch ein transparentes Bild benötigt, damit der Text auf der rechten Seite bleibt und nicht über die gesamte Bildschirmbreite geht.
Bei responsiver Darstellung wäre oben kein Bild zu sehen, ob mit oder ohne transparentem Bild.
@Elisa B.: Es bliebe ein kleiner Schönheitsfehler oder gibt es dafür eine Problemlösung?
Autor
@Daniel : wo kommt den das transparente Bild hin? es geht doch nur eine Hintergrundbild
Das transparente Bild müsste zusätzlich als "normales Bild" eingefügt werden, damit es den Text nach rechts verdrängen kann.
Oder ist es nur bei mir so, dass ohne "normales Bild" die Beschreibung von links bis rechs geht?
Hier 3 Screenshots von meiner Testseite, siehe
-----
----- Ohne transparentes Bild -----
----- Mit transparentem Bild -----
Nachtrag:
Auf meiner Testseite ist nur der 1. Eintrag in der Liste mit dem transparenten Bild - normalerweise würden alle Einträge in der Liste mit dem transparenten Bild versehen.
In der Smartphone-Simulation von Firefox ist beim Hintergrundbild der Bildteil nicht zu sehen, siehe
----