Problem mit der Responsiven Darstellung 720px im Programm
Autor: Detlev M.
Besucht 2032,
Followers 1,
Geteilt 0
Ich habe bei einigen Seiten im Programm ein Problem mit der Darstellung 720px, die Bilder liegen Neben statt Untereinander. Die Darstellungen bei 960px und 480px ist bei allen Seiten Fehlerfrei.
Anbei ein Screenshot
Gepostet am
WEnn du bei der Bildschirmbreite 720px gefloatet haben willst musst du die Klammern bei 960px - 720px setzen !
Autor
Kapier ich nicht. Bei 960 und 480 stimmt ja alles die Bilder sind in Reihenfolge nur eben bei 720 sind die letzten 4 aufgeteilt in 2 Reihen und Nebeneinander
Autor
Wie bekomme ich die Bilder untereinander. Im Moment liegt Bild 27 zusammen mit Bild 29 nebeneinander in einer Reihe und Bild 28 und 30 hat das selbe Problem. Richtig waere 27 allein in einer Reihe darunter 28 allein in einer Reihe etc
Wo Online zu sehen?
Autor
Der Screenshot ist die Responsive Ansicht
Autor
www.fazendafarmbrasil.com/de/tocantins.html
In der senkrechten Ansicht 480px stimmt alles wenn das smartphone gedreht wird auf 720px ist die Anzeige wie im Programm
Autor
screenshot vom smartphone
Autor
Im Program Website x5 sind bei den 4 Bildern auch rote Markierungen (Responsive Einstellungen) ich nehme an weil die neben und nicht untereinander sind. Man kann auch nichts anklicken oder sonst was um die evt zuverschieben.
Ich verstehe nicht was falsch sein soll? Es floatet ab den Maßen 720px ! WEnn du es früher haben willst musst du die Klammern eine Stufe vorher setzen!
Es kann aber sein, dass deine Handyauflösung besser ist im Querformat und du in den Bereich von 960-720px kommst.
Autor
Es geht darum das die letzten 4 Bilder bei 720px nicht untereinander liegen sondern Nebeneinander. Von 10 Seiten haben 4 Seiten dieses Problem. Es betrifft aber nur die 720px. Schau Dir nochmal den beigefuegten Screenshot von den Responsiven Enstllungen an.
Autor
Von Bild/Text 1 bis 26 liegt alles untereinander in Reihe. In jeder Zeile nur ein Text bzw 1 Bild. Ab Bild/Text 27 ist alles anders
Ja klar ist da alles anders! Es fängt ja mit dem 960px schon an wo nicht die Klammern gesetzt sind, deshalb werden sie erst bei 720px gesetzt und erst unter 480px werden sie untereinander gezeigt.
Autor
Wie geht das mit den Klammern setzen? Habe ich bisher noch nie gemacht weil ich noch nie diesen Fall hatte das NICHT alles untereinander ist. Ich habe Website X5 Prof seit Erscheinung, ich bin immer auf Responsive Einstellungen habe alles durch gescrollt und bin auf Speichern gegangen.
Autor
Ich habe eben eine Klammer bei 720px gesetzt bin auf Speichern aber getan hat sich nichts
Autor
Doch hat sich was getan, eine Fehlermeldung
Keine Ahnung was du da gedrückt hast, der diesen FEhler auslöst.
Oben bei "responsive" gibt es einen Button "Zeilenümbrüche" und wenn du diesen aktiviert hast, kannst du bei den "strichlierten" Linien die Klammer setzen. Also bei 960 - 720px !
Autor
Also wenn ich bei 960px auf Zeilenumbrueche gehe kann ich den Button anklicken,aber bei 960px ist ja alles ok.
Bei 720px kann ich den Button Zeilenumbrueche nicht aktivieren, er bleibt in Grau ohne das die Rote Linie erscheint.
Autor
Wieder die gleiche Fehlermeldung wie gestern. Ich war in den Responsiven Einstellungen habe 720px angeklickt und bin aud Speichern. Dann auf Programm beenden dann kam diese Fehlermeldung: siehe Anlage
Autor
@Andreas Tut mir Leid aber hier muss irgendwo ein BUG vorliegen, das Betrifft ausschliesslich Responsive 720px
Von 10 Seiten haben 4 ein Problem.
Bei allen 10 Seiten stimmen die Responsiven Einstellungen bei 960px und 480px
Bei 6 Seiten stimmen auch die Responsive Einstellungen bei 960px,720px und 480px
Was meine ich mit Stimmt:
960px: pro Zeile liegen 2 Texte oder Bilder Nebeneinander
720px: pro Zeile befindet sich ein Text oder ein Bild, Alle Bilder und Texte liegen in Reihenfolge Nummerisch untereinander
480px: pro Zeile befindet sich ein Text oder ein Bild, Alle Bilder und Texte liegen in Reihenfolge Nummerisch untereinander
Was sind die Probleme bei den 4 Seiten:
960 px und 480px stimmen.
720px: In der einen Seite befinden sich die Bilder/Texte von 1 bis 26 in korrekter Nummerischer Reihenfolge untereinander. Ab Bild/Text 27 bis 32 werden die Objekte nicht mehr einzeln pro Zeile eingefuegt sondern 2 Objekte pro Zeile nebeneinander.
Ich hatte die Bilder/Texte von 27 bis 32 geloescht, alles gespeicht und das Program beendet.
Das Programm neu gestartet und die 4 Bilder/Texte Neu eingestellt.
Bei 480px ist alles korrekt, d.h die Bilder/Texte schliessen sich untereinander in Reihenfolge Nummerisch den vorhandenen Objekten an mit jeweils einen Bild/Text pro Zeile. Bei 720px werden die Objekte nicht einzeln pro Zeile eingefuegt sondern 2 Objekte pro Zeile.
Ein weiterer Fehler:
Ich hatte heute eine Vielzahl von Versuchen durchgefuehrt. Egal bei welcher Seite, wenn ich bei Responsive Einstellungen auf 720px klicke und dann auf Speichern und Programm beenden kommt die Fehlermeldung die oben schon beigfuegt habe.
Dieses Problem taucht weder auf bei 960px oder bei 480px. Nach anklicken und Speichen kann das Programm ohne Fehlermeldung beendet werde.
Ja, schön...INCO würde dann fragen..."besteht das PRoblem auch bei einem neuen Projekt" ? Wenn das nicht so ist, dann kann es kein BUG sein. Denn tausende andere haben auch den Breakpoint 720px der STandard ist beim responsiven Design und bei denen funktioniert es.
Außerdem verstehst du den Aufbau des responsiven Design nicht, denn bei 720px (wo die roten Klammern gesetzt sind) wirken sich erst bei der Auflösung von 480px aus und nicht vorher. DEshalb wenn du "AB" 720px den Umbruch haben willst, dann musst du die roten Klammern bei 960px-720px machen und das funktioniert einwandfrei und du musst nicht beim 720px Breakpoint speichern.
Autor
Irgendwie gelingt es mir nicht das Verstaendlich darzulegen, versuchen wir es wie folgt:
Projekt fazendafarmbrasil.com/de folgendes Problem bei 4 Seiten Resonsive Einstellung 720px:
Text
Bild
Text
Bild
Text
Bild
Text
Bild
Text
Bild
Text
Bild
Text
Bild
Text Text
Bild Bild
Text Text
Bild Bild
Meine einfache Frage: Was muss ich tun damit die Reihenfolge
Text
Bild
Text
Bild
in dieser Form fortgesetzt wird und nicht ploetzlich auf
Text Text
Bild Bild
sich am Ende veraendert.
Ganz einfach....unter dem BReakpoint 960-720px die roten Klammern setzen ! (dadurch wird gefloatet bei 720px und die OBjekte sind untereinander! Bei 720px-480px wird es nebeneinander aufgelöst und es passt wieder. Aber anscheinend willst du es nicht verstehen.
Autor
Also ich klicke in den Abstand zwischen 960px und 720px. Dann habe ich einen Gruenen Punkt und eine Gruene Klammer und die 720px sind in Fett...ist das so Richtig? Und dann gehe ich auf Speichern?
Nicht fragen sondern tun oder probieren! Eigentlich ist die Klammer rot !
Autor
Alles unverandert, Klammer zwischen 960 und 720 gesetzt und gespeichert und hochgeladen.
Die rote Klammer ist zwischen Desktop Symbol und 960px
Zwischen 960px und 720px ist die Klammer Gruen (Petrol)
Zwischen 720px und 480px ist die Klammer Gelb
Und zum Schluss beim Handy Symbol ist die Klammer Schwarz
MEin Gott .... nicht diese Klammern links. Die sind nur zur DEKO da ! Ich meinte die Klammern rechts bei den OBjekten ! Muss man hier wirklich alles per Bilder oder Tutorialfilm anführen ? :-(
Autor
Ware eine sehr gute Idee, weil die roten Klammern gehen nur bis zum Objekt Nummer 26. Die Objekte 27 bis 34 sind ohne rote Klammer. Es laest sich auch nichts anklicken.
Das einzigste was sich verandert ist wenn ich auf Zeilenumbrueche gehe.
Es wird weiterhin keine Rote Klammer angezeigt aber zwischen den Objekten 27,28,31,32 (auf der Linken Seite) und den Objekten 29,30,33,34 (auf der Rechten Seite) ist zwischen den beiden Bloecken eine gestrichelte graue Linie.
Bei Klick auf Zeilenumbrueche geht diese weg oder erscheint wieder.
Deshalb meine Dumme Frage, was muss ich machen um eine Rote Klammer auf Objekt 27 bis 34 zu setzen??????
MAn kann beim Breakpoint 960-720 px (grüner punkt/Klammer) bei den strichlierten Linien per Mouseklick eine rote Klammer setzen. Aber nur wenn man den Zeilenumbruch aktiviert hat.
Autor
@Andreas Hat geklappt. Wenn noch folgende Info dabeigewesen waere : Es muss die letzte Rote Klammer angeklickt werden und per Maus zur gestrichelten Linie gezogen werden, spart man sich viel Zeit um zu Entdecken wie denn die Rote Klammer gesetzt werden kann.
Wuensche Dir Frohe Ostern