ZP 14: Bilder zentrieren

Könnten Sie uns in einem Screenshot eines der falsch dargestellten Bilder markieren? Mir fällt es schwer, auf der Seite zu erkennen, um welche(s) Bild(er) es sich handeln könnte…

Hallo Tobias,

ich bin absoluter CSS Laie, aber lese fast alles was hier im Forum geschrieben wird.

Ihr Wunsch hat mich neugierig gemacht und mich zu eigenen Tests angeregt. Als Hilfe suchte ich dabei u.a. in https://wiki.selfhtml.org/wiki/Startseite. Nach zahlreichen Misserfolgen bin ich zu folgender möglicher Lösung gelangt, die im von mir verwendeten Flat Responsive Layout zu funktionieren scheint.

Mögliche Lösung ohne Gewähr(!):
Inline CSS, aber nicht in der Grafik, sondern in der übergeordneten Reihe "display: flex;" (ohne Anführungszeichen)




Versprechen kann ich nichts, aber versuchen könnten Sie es.

Falls dies in Ihrem Layout nicht ausreicht, könnten Sie das noch mit "justify-content: center;" ergänzen.

Nachtrag 2018-01-28 20:40:
Für den Einzelfall ausprobieren. Bei mir funktioniert es zwar für Grafik-Widget, aber für anderen Inhalt in Quelltext-Widget funktioniert das bei mir so nicht.

Wünsche viel Erfolg!

Hallo,

ich konnte die Ursache finden. Damit wir hier nicht mehr kaputt machen, möchten wir das gerne ausgiebiger Testen, bevor wir dies per Online-Update verbessern. Bis dahin kann ich Ihnen folgende Lösung* anbieten:

• Klicken Sie im Menü Website auf "Einstellungen"
• Klicken Sie auf CSS
• Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"

<style>
.zpwBild > a.zpnolayoutlinkstyles{
    display: inline-block;
}
</style>

Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

* diese Lösung sollte layoutunabhängig sein, also unabhängig vom verwendeten Layout greifen.