Bild Text Reihenfolge

[nof15us]

Wir verwenden viele MBR Bild-Text Blöcke - also Text links und Bild rechts bzw. umgekehrt. Am
PC ist alles OK, aber am Handy wird bei diesen Blöcken immer(!) zuerst das Bild und danach der Text angezeicgt. Wie kann man diese Reihenfolge am Handy umdrehen?

[Tommy Herrmann]

Moin,

was links steht, steht am Handy oben. Suche einen Block, wo das Bild am PC rechts vom Text steht. Bei etlichen Blöcken gibt es auch einen Schalten in den Werkzeugen, mit dem man das Bild von der einen zur anderen Seite tauschen kann.

Das ist am PC sozusagen im Uhrzeigersinn - von links nach rechts - entspricht von oben nach unten.

[Martin73]

Mich hat das auch gestört! Ich habe das gedreht, muss aber erst mal schauen, wie ich das gemacht habe:
https://www.zahnarzt-schaller-plauen.de/
@Tommy: Der Tausch von links nach rechts (Reverse Content) ändert nichts an der Darstellung oben/unten. Das Bild ist IMMER oben. Das geht mit: (Bildschirmgröße 991px oder kleiner, die class="media-container-row" kann eine andere sein)

@media (max-width: 991px) {
    .media-container-row {
      flex-wrap: wrap-reverse;
      -webkit-flex-wrap: wrap-reverse;
    }
}

[Tommy Herrmann]

... manchmal frage ich mich, warum ich immer alles mit Screenshots belegen muss, was ich schreibe

http://www.mobirise-tutorials.com/Testse...ml#cookies

PC (links):


 Bild_Links.JPG (Größe: 106,15 KB / Downloads: 73)


Handy (oben) - wenn PC (links):


 Bild_Oben.JPG (Größe: 35,35 KB / Downloads: 62)



PC (rechts):


 Bild_Rechts.JPG (Größe: 118,78 KB / Downloads: 62)


Handy (unten) - wenn PC (rechts):


 unten.JPG (Größe: 34,15 KB / Downloads: 71)

[Martin73]

Ja, Tommy! Das kommt dann halt auf das Theme und die Blöcke an. Bei mir sind die Bilder wechselseitig rechts und links (4x) und am Smartphone trotzdem gleich (Text immer oben).

https://www.tutorialspoint.com/flexbox/f...x_wrap.htm

[nof15us]

@Tommy: was ist denn  das bitte für ein Block den du da verwendest?

[Tommy Herrmann]

Suche einen Block, wo das Bild am PC rechts vom Text steht. Bei etlichen Blöcken gibt es ...

... ich habe ja auch nicht geschrieben, dass das bei allen Blöcken so ist - sondern bei "etlichen". Deswegen hatte ich geschrieben: "Suche einen Block".

Dies ist zum Beispiel ein Block aus der Kategorie "Article" vom stinknormalen Standard-Thema "Mobirise4".


 Bild_links_rechts.JPG (Größe: 294,88 KB / Downloads: 63)

[nof15us]

erst einmal herzlichen Dank - wir werden das ausprobieren

[Tommy Herrmann]

... übrigens noch ein Nachtrag wegen der CSS.

Wenn der Schalter der Werkzeuge das Bild auf die rechte Seite am Desktop legt, wird diese Class angewendet:

Code:

.media-container-row {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

Hier habe ich das jetzt mal mit in meiner Testseite an diesem Block angewendet:

http://www.mobirise-tutorials.com/Testse...l#Position

Das Bild mit dem Mohn liegt dann also am Handy unter dem Text, der am Desktop sonst links neben dem Bild steht. Ansonsten ist es ganau anders herum.

So sieht das dann am Handy aus:


 Samsung_S20_Android.jpg (Größe: 624,74 KB / Downloads: 54)