HTML-Code futsch!

[stobi_de]

Ich habe hier auf der Seite das altbekannte Slideout, was Werner oder Tommy mal gebaut hatten in der ursprünglichen Form
https://www.mein-ausbauhaus.com/Hybrid/doris.php
Nun hatte ich zur Textformatierung dieses eingetragen

Code: Alles auswählen

<h4 class="mbr-text mbr-fonts-style mt-3"  mbr-theme-style="display-7"> Schreiben Sie uns</h4>

Ich schließe den Code-Edi und öffne den wieder (kein anderer Schritt dazwischen) und siehe da, das DISPLAY-7 fehlt.

Code: Alles auswählen

<h4 class="mbr-text mbr-fonts-style mt-3"> Schreiben Sie uns</h4>

Dieser Effekt tritt auf bei einem Mobi HTML-Block, NICHT bei einem HTML-Block von Delta-Pi.
Es ist schon klar, dass man normalerweise sowieso einen Artikel-Block als HTML-Grundlage nutzt - aber trotzdem, sollte anders funktionieren

[Tommy Herrmann]

Moin,

kann es sein, dass Du hier wieder das leidige Problem hast, dass Mobirise für bestimmte Tags - eben hier beim <h4> Tag - keine Änderungen zulässt und das sofort wieder löscht?

Mit dem Code meiner Sidebar hat das mit Sicherheit nichts zu tun - wie sollte das denn gehen?

Sonst gucke Dir auch mal die Sidebar von Bootstrap an:

https://www.mobirise-tutorials.com/Test ... #Offcanvas

[Tommy Herrmann]

sonst ersetze den Mobirise-Parameter "display-7" doch einfach mit der gleichen Anweisung als Inline-Style:

Code: Alles auswählen

style="font-size: 1rem; line-height: 1.5;"

... mehr ist das doch nicht.

[stobi_de]

Nee, das automatische Löschen bezog sich nur auf IDs in Text-Tags.
Und die wurden auch nicht vom Code-Edi gelöscht, sondern erst bei der Generierung.
Das Display-7 hat jetzt nicht wirklich einen besonderen Sinn, aber es wird halt Code von Mobi an einer unbegreiflichen Stelle gelöscht

Das Offcanvas baue ich mal ein

[Tommy Herrmann]

ja - das ist aber mal wieder ein Bug von Mobirise

Hattest Du dieses Verhalten nicht sogar selbst mal mit Deinem PHP-Include entdeckt ?!

Bei dem Offcanvas verwende ich sogar auch "display-7"

[stobi_de]

Deine Lösung von dem Slideout ist besser als das Offcanvas
Der Button wird mit verschoben und man spart sich überflüssige Clicks.

Ja, irgendwas mit dem PHP-include war da mal

[Tommy Herrmann]

"offcanvas" hat noch viele andere, interessante Varianten:

https://getbootstrap.com/docs/5.2/components/offcanvas/

versuche das mal mit der "style" Anweisung anstelle vom "display-7". Das macht genau das gleiche.

[stobi_de]

Die Style-Angabe bleibt.
Der HTML-Block scheint die Mobi-eigenen Definitionen nicht zu kennen.

Ich werde jetzt nicht wieder politisch und sage, dass wir ja auch einen Wirtschaftsminister haben, der die eigenen Gesetze nicht kennt - und damit Mobi nur Zeitgeist widerspiegelt

[Tommy Herrmann]

muss zwar gleich mal weg - aber ich baue das gerade mal auf meiner Seite mit dieser (alten) Sidebar ein ...

[Tommy Herrmann]

... ich habe jetzt mal ein <p> Tag an dieser Stelle, da ich sonst auch die Box erst größer machen müsste. Da wird bei mir nichts gelöscht und das passt alles:

https://www.mobirise-tutorials.com/Busi ... t-Box.html

Hier der Code im "Code Editor":

Code: Alles auswählen

<!-- Beginn Slideout Box -->
<div id="slideout" onmouseover="on()" onmouseout="off()">
    <img style="border-radius: 0 10px 10px 0;" src="https://www.mobirise-tutorials.com/BusinessM4/images/Info.jpg" alt="Info"> 
    <div id="slideout_inner">
       <p mbr-theme-style="display-7"><b>Slideout Box</b><br><br>hier kann ein beliebiger Inhalt stehen.</p>
       <p mbr-theme-style="display-7"><a href="https://www.mobirise-tutorials.com/" target="_blank" class="text-success unterstrichen">Mobirise Tutorials</a></p>
    </div>
</div>
<!-- Ende Slideout Box -->

Mobirise setzt das dann, mit dem Publizieren, als Class um:

Code: Alles auswählen

<!-- Beginn Slideout Box -->
<div id="slideout" onmouseover="on()" onmouseout="off()">
    <img style="border-radius: 0 10px 10px 0;" src="https://www.mobirise-tutorials.com/BusinessM4/images/Info.jpg" alt="Info"> 
    <div id="slideout_inner">
       <p class="display-7"><strong>Slideout Box</strong><br><br>hier kann ein beliebiger Inhalt stehen.</p>
       <p class="display-7"><a href="https://www.mobirise-tutorials.com/" target="_blank" class="text-success unterstrichen">Mobirise Tutorials</a></p>
    </div>
</div>
<!-- Ende Slideout Box -->

[stobi_de]

Das ist sehr sonderbar, denn ich habe das mit einem nackten HTML-Block ebenfalls getestet

[Tommy Herrmann]

Frank,

ich habe Dir mal noch für die "Offcanvas" Sidebar zusätzlich als Option einen fixierten Button am linken Rand ran gebappt, der kann ebenso gut auch am rechten Rand platziert werden.

Am Handy (Portrait) blende ich diesen mit einer Media-Anweisung aus.

CSS und Code auf meiner Seite (eventuell Browser-Cache erneuern):

https://www.mobirise-tutorials.com/Test ... #Offcanvas

Vielleicht kannst Du das ja irgendwo mal gebrauchen - ich finde das Bootstrap-Offcanvas schon eine starke Lösung