Mobirise-Tutorials.com

Handy sieht gut aus, Desktop gucke ich morgen

Alles gut - bei Dir sind auch 4 Ausrichtungen wählbar - man kann es nur nie sehen, da die Texte zu kurz sind.

Es fehlte also anfangs lediglich das zwangsweise auf mittig stellen in der Media-Abfrage.

Dann habe ich eine falsche .mbrext von Dir, da fehlte das

text-align: center;

im Media-Query noch.

Dennoch gibt es einen Fehler - wo kommt das "justify" her, wenn es bei Dir gar nicht wählbar ist???

Seit einiger Zeit gibt es in der Toolbox zur Textausrichtung auch den Blocksatz (justify) - also ...

Da der Fehler so nur sehr schwer auffindbar sein wird, könnte man dieses Workaround verwenden und die CSS im Breakpoint etwas ändern und da nochmals da H1 und P Tag fest auf mittig (center) stellen:

H1, P {
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
text-align: center;
}


Dann ist es egal ...

nee - also sorry - da ist ein schwerwiegender Fehler am arbeiten.

So ist Dein Block nicht zu gebrauchen.

Ich kann mich jetzt auch nicht in einen bereits von der KI und Dir komplett veränderten Block so einarbeiten, dass ich eine Chance hätte die Ursache zu finden. Das müsste Deine KI eigentlich ...

Sieht aus als hättest Du die Parameter für die Justierung gelöscht :confused:

<select title="Align" name="contentAlign">
<option value>Left</option>
<option value="justify-content-center" selected>Center</option>
<option value="justify-content-end">Right</option>
</select>

Ich habe festgestellt, dass das gar nicht unbedingt in der CSS steht. Es wird erst beim Klick auf die Platzierung des Textes - also:

Links - Mitte - Rechts

an das jeweilige Tag in der CSS ran geschrieben.

Da ist ein Fehler irgendwo in den Parametern (finde ich aber nicht)

P.S.:

Einen Button finde ich in jedem Header extrem wichtig

das muss an zwei Stellen ganz entfernt werden:
für das "h" und das "p" Tag

Bitte nochmals .mbrext erstellen und Bescheid geben.

... nee - warum sollte es bei dir anders sein :D

Button ist mittig - alle Texte stehen linksbündig.

Auf die Schnelle geguckt steht zwar "mittig" in der CSS aber da macht Dir Mobirise noch einen Strich durch die Rechnung.

Frage mal Tante KI.


Volker neue Handy-Ansicht zweifarbiges Overlay.jpg

danke - jetzt sitzt aber die Überschrift nicht mittig am Handy (wie es bei Dir zu sehen war):

https://www.mobirise-tutorials.com/Vorl ... -header-6j

Ja - der bärtige Mann war schon sehr gut - aber egal.

So ist es sicherlich besser. Ist dann eben nur am Desktop "neu" - aber, wie ich finde, gut zu gebrauchen.

Hast Du die .mbrext (Erweiterung) schon getauscht?

Ja - das sieht am Handy so viel stimmiger aus:



Overlay-Header von Volker am Handy neue Version.jpg



Hier ergibt sich natürlich auch das Problem, dass man eigentlich ein Bild benötigt, das seinen Fokus im rechten Bereich hat. Am Handy sitzt das Bild daher dann nicht besonders gut, da eben zu ...

... denke der Text und der Button sollten schon bleiben, sonst ist das ja kein Header mehr.

Ja - dass man den Layer wenigstens komplett ausschalten kann um eine vernünftige Darstellung am Handy zu sehen.

So finde ich das nicht gut und auch nicht zu kontrollieren.



Handy-Ansicht:




Desktop-Ansicht:

Moin,

schöne Idee - aber eben leider wieder nur für den Desktop. Am Handy ist das nix. Da müsse zumindest eine Option rein, den "Layer-Edge" ganz auszuschalten.

Hier meine Testseite (temporär, wird wieder gelöscht):

https://www.mobirise-tutorials.com/Vorl ... -header-6j

Moin,

Bin seit drei Tagen nur am Handy und kann daher nur wenig dazu sagen...

Was ich aber sagen kann ist, dass ich nicht verstehe warum Du Bilder wählst bei denen allen am Handy die Köpfe abgeschnitten sind :angst:


Screenshot_20260415_102157_Samsung Internet.jpg


Das sieht echt grausam aus ...

Breadcrumbs heißt auf Deutsch Brotkrümel und zeigt den Pfad zur aktuellen Webseite an.

Diese Darstellung soll zu einer besseren Orientierung innerhalb einer Website dienen. Den Namen Breadcrumbs hat diese Navigation in Anlehnung an das Märchen "Hänsel und Gretel" erhalten, bei dem die Kinder ...

Prima

Sieht jetzt viel besser aus, wirkt ruhiger und geordnet und ist perfekt lesbar.

.... übrigens nur als Hinweis, mein Beispiel (oben) ist die von Bootstrap dafür vorgesehene Anwendung:

https://getbootstrap.com/docs/5.0/compo ... readcrumb/