Seite 1 von 1
HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 07:50
von 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
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 07:56
von 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
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 08:00
von Tommy Herrmann
sonst ersetze den Mobirise-Parameter "
display-7" doch einfach mit der gleichen Anweisung als Inline-Style:
... mehr ist das doch nicht.
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 08:03
von 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
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 08:05
von 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"
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 08:10
von 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
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 08:11
von 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.
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 08:22
von 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
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 08:27
von Tommy Herrmann
muss zwar gleich mal weg - aber ich baue das gerade mal auf meiner Seite mit dieser (alten) Sidebar ein ...
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 08:35
von 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 -->
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 09:55
von stobi_de
Das ist sehr sonderbar, denn ich habe das mit einem nackten HTML-Block ebenfalls getestet
Re: HTML-Code futsch!
Verfasst: Do 4. Jan 2024, 14:51
von 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
