Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann

Die Foren sind geschlossen. Für Fragen zu MR, NOF & mehr steht Tommys Forum zur Verfügung. Ich danke für die langjährige Treue und Mitarbeit! Eure Administratorin.

Bild Text Reihenfolge
#1
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?
Alle Beiträge dieses Benutzers finden
#2
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.
Alle Beiträge dieses Benutzers finden
#3
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;
    }
}
Alle Beiträge dieses Benutzers finden
#4
... manchmal frage ich mich, warum ich immer alles mit Screenshots belegen muss, was ich schreibe :eek:

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

PC (links):


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


Handy (oben) - wenn PC (links):


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



PC (rechts):


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


Handy (unten) - wenn PC (rechts):


.jpg  unten.JPG (Größe: 34,15 KB / Downloads: 71)
Alle Beiträge dieses Benutzers finden
#5
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
Alle Beiträge dieses Benutzers finden
#6
@Tommy: was ist denn  das bitte für ein Block den du da verwendest?
Alle Beiträge dieses Benutzers finden
#7
(31.05.2020, 15:46)Tommy Herrmann schrieb: 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".


.jpg  Bild_links_rechts.JPG (Größe: 294,88 KB / Downloads: 63)
Alle Beiträge dieses Benutzers finden
#8
erst einmal herzlichen Dank - wir werden das ausprobieren
Alle Beiträge dieses Benutzers finden
#9
... ü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:


.jpg  Samsung_S20_Android.jpg (Größe: 624,74 KB / Downloads: 54)
Alle Beiträge dieses Benutzers finden


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Urplötzlich erscheint beim Hochladen folgender Text Michael G 4 826 09.12.2020, 16:39
Letzter Beitrag: tino79
  360 Grad Bild einbinden kfz-fotograf 3 757 09.12.2020, 10:43
Letzter Beitrag: Tommy Herrmann
  Mobirise-Text unter Logo Menüleiste Thomas Saake 14 1.653 03.12.2020, 17:22
Letzter Beitrag: Thomas Saake
  Mobirise-PopUp Modal Text statt Kreuz zum schließen Thomas Saake 3 865 26.11.2020, 15:43
Letzter Beitrag: Thomas Saake
  Google-Suche und angezeigter Text stobi_de 3 699 06.09.2020, 13:49
Letzter Beitrag: Tommy Herrmann
  Bild in Hintergrund einer Ganzen Seite - Backstretch funsport 1 580 25.08.2020, 12:48
Letzter Beitrag: Thomas Saake
  Seltsames text-Konstrukt stobi_de 6 896 20.06.2020, 11:35
Letzter Beitrag: stobi_de
  Slider mit Fade-Übergang und Text stobi_de 11 1.393 07.06.2020, 14:12
Letzter Beitrag: Tommy Herrmann
  Diashow durch ein einzelnen Bild starten stobi_de 8 1.215 20.04.2020, 22:40
Letzter Beitrag: stobi_de
  Mobirise-Bild verschieben Thomas Saake 5 1.097 06.01.2020, 21:49
Letzter Beitrag: Thomas Saake



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!