Overlay Header

[Tommy Herrmann]

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

Code: Alles auswählen

        <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>

[Volker]

Ich hab nur die CSS erweitert Tommy,
da sind die selben Parameter wie sonst auch.

Den Text kann man jetzt verschieben egal wo hin, am Handy immer in der Mitte

[Tommy Herrmann]

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 erkennen.

Bitte gucke Dir mein Video dazu an (Video wird später wieder gelöscht):

[Tommy Herrmann]

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:

Code: Alles auswählen

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

Dann ist es egal was oben in der CSS durch die Ausrichtung der Werkzeuge geändert wird:

Justify-Workaround.jpg

text-align: justify;

ist aber in jedem Fall hier falsch, denn das bedeutet ja den Text als Blocksatz auszurichten. Diese Option ist ja überhaupt nirgends vorhanden.

[Volker]

[Tommy Herrmann]

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 4 Ausrichtungen. Bei Dir sind es aber nur 3 (links, mittig, rechts) - hast Du einen veralteten Block verwendet?

[Tommy Herrmann]

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.

[Volker]

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

Und wo kommt das her ? RICHTIG !!! von meiner CSS Schwäche (besonders für Handy )
Aber die doofe KI sagt auch nix, ich zeige der ständig meine Blöcke ob OK oder was man ändern sollte. Die schmeiß ich bald raus die Tante

[Volker]

Und was eckig geht - geht auch rund

[Volker]

Und der letzte der Serie

Clip-Path ist hier das Zauberwort

[Volker]

Ab jetzt alle Overlay Header auf meiner Seite verfügbar:

Header 1 : https://www.niederastroth.de/overlay_header.html

Header 2 : https://www.niederastroth.de/overlay_header2.html

Header 3: https://www.niederastroth.de/overlay_header3.html

[Bushisan]

Tolle Blöcke - das ist alles sehr kreativ !!!!

chapeau