Seite 1 von 1

Bild-Text Reihenfolge am Handy

Verfasst: Sa 16. Jan 2021, 16:43
von MOBISPU
wie kann man steuern, dass bei der Bild-Text Blockdarstellung - also je ein Bild und ein Text horizontal nebeneinader am PC-Bildschirm - dann am Handy wahlweise Bild oder Text zuerst vertikal oben steht?

Re: Bild-Text Reihenfolge am Handy

Verfasst: Sa 16. Jan 2021, 16:59
von Tommy Herrmann
Moin,

das musst Du immer von links nach rechts sehen.

Ist am PC erst Text und dann Bild im Block, wird der Text am Handy oben und das Bild darunter sein und umgekehrt.

Beispiel:

https://www.mobirise-tutorials.com/Code-Editor.html

Re: Bild-Text Reihenfolge am Handy

Verfasst: Sa 16. Jan 2021, 17:18
von MOBISPU
leider eben nicht - es gibt eben Text-Bild Blöcke, da kommt die rechte Seite am Handy zuerst oben. Ich hoffte du hast wieder mal einen html-Trick für dieses Problem

Re: Bild-Text Reihenfolge am Handy

Verfasst: Sa 16. Jan 2021, 18:03
von Tommy Herrmann
Du - es gibt jede Menge Blöcke, wo man das mittels "Schalter" wählen kann > "Text links oder rechts".

Beispiel Block aus dem Standard-Thema "Mobirise 4":

Text_rechts_links.JPG

Bitte benenne Dein Thema und den Block ganz genau, damit man das nachstellen kann (am besten mit Screenshot).


... ich bin aber für heute hier weg ...


:nachti:

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 10:48
von MOBISPU
@ Tommy
du schreibst: "es gibt jede Menge Blöcke, wo man das mittels "Schalter" wählen kann > "Text links oder rechts" - schon klar aber bei denen ist nicht immer klar, dass links im Block dann am Handy oben wird, es kann auch umgekehrt sein. Bleibt nur langes Herumprobieren mit Blöcken. Ich hatte halt gehofft, dass die Position später am Handy irgendwo im Code versteckt ist und man das definieren kann.

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 11:24
von Tommy Herrmann
... also - meines Wissens - ist immer der linke Bereich oben.

Wäre also links Text und rechts das Bild, dann ist der Text am Handy oben.

Hier kannst Du das mal am Handy sehen:

https://www.mobirise-tutorials.com/Test ... estseite3/

Die obersten beiden Blöcke sind gleich, beim ersten ist der Text links, beim zweiten ist der Text rechts.

Am Handy ist dann jeweils der linke Bereich oben, also am ersten Block der Text und am zweiten Block das Bild. Das ist kein Zufall, sondern genau so geplant.

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 15:00
von MOBISPU
es gibt Blöcke, bei denen links Text und rechts ein BIld ist, wo das Bild dann am Handy aber eben zuerst oben erscheint. Das ist ja unser Problem; der Block ist der Header "M4 Intro mit Bild"

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 15:01
von MOBISPU
noch dazu: egal auf welcher Seite das Bild steht - am Handy ist es immer oben

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 15:21
von Tommy Herrmann
... Du müsstest dann schon mal einen Screenshot von dem Block machen und genau das Thema beschreiben. Ich weiß jetzt nicht, welcher Block das sein soll.

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 15:44
von MOBISPU
hier die beiden Blöcke, bei denen die recht Seite am Handy immer nach oben kommt
MBR Blöcke 1.jpg

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 17:05
von Tommy Herrmann
sorry - ich habe genau den oberen Block auch in meinem Beispiel - ich kann das gerade nicht nachvollziehen.

Wenn Du keinen anderen Block für Deine Zwecke finden solltest, dann schreibe doch mal an den Support von Mobirise, vielleicht haben die noch eine Idee.

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 17:29
von MOBISPU
OK danke - aber muss denn nicht irgendwo im Code des Blocks versteckt sein, wie er am Handy dargestellt wird ?

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 17:59
von Tommy Herrmann
Das müsste irgendwo in der CSS stehen - "Flex-Direction":

https://css-tricks.com/almanac/properties/f/flex-wrap/

... habe jetzt aber nicht gesucht - warum nimmst Du nicht einen Block der passt? Schreinbe mal an Mobirise, die helfen meist bei solchen Problemen recht gut.

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 18:10
von MOBISPU
es gibt leider keinen passenden Block; der einzige mögliche setzt dann plötzlich den linksbündigen Text am Handy zentriert, wa wir nicht wollen

Re: Bild-Text Reihenfolge am Handy

Verfasst: So 17. Jan 2021, 18:25
von Tommy Herrmann
ja - das lässt sich aber super einfach nach links stellen:

text-align: left;

... wen man mal einen Link zu dieser Seite hätte, wären wir wahrscheinlich dem Erfolg schon viel näher. Dann kann man in den Quelltext gucken und alles wird viel einfacher.

... so kann ich jetzt nur raten, dass dafür dann wahrscheinlich auch die class="mbr-text" verantwortlich ist, die schreibt man dann einfach ganz unten im Bereich "CSS Editor" (vom "Code Editor") nochmals so rein und damit um.

Code: Alles auswählen

.mbr-text {
  text-align: left;
}

Re: Bild-Text Reihenfolge am Handy

Verfasst: Mo 18. Jan 2021, 14:09
von MOBISPU
OK danke - ich habe mal wegen der Steuerung der Reihenfolge der Block-Inhalte am Android Display an das Mobirise Forum geschrieben

Re: Bild-Text Reihenfolge am Handy

Verfasst: Mo 18. Jan 2021, 16:10
von MOBISPU
@Tommy
Mobirise antwortet: "...its also possible to change code with an Editor, if you know how." ... tralala...

Re: Bild-Text Reihenfolge am Handy

Verfasst: Mo 18. Jan 2021, 16:29
von Tommy Herrmann
Du mit dem kannst Du auch Deutsch sprechen, der ist Deutscher :D

... und Ahnung hat er auch keine. Das ist niemand von Mobirise. Deswegen hatte ich Dir geraten an Mobirise zu schreiben und nicht in diesem Forum.

support@mobirise.com

Re: Bild-Text Reihenfolge am Handy

Verfasst: Mo 18. Jan 2021, 17:05
von MOBISPU
danke - das war mir nicht klar