Kopfgrafik ohne Überschrift und Text zieht sich zusammen

  • Moin zusammen,

    nun bin ich kurz vor der Fertigstellung meiner neuen Seite. Leider fällt mir bei der Kopfgrafik noch auf, dass Bilder die keine Überschrift und Text haben sich zusammenziehen, bzw. es so scheint, als würde der untere Teil der Website nach oben rücken.
    Kann man irgendwie die Fotos ohne Überschrift und Texte so groß erscheinen lassen, als hätten die beides?
    Als Beispiel kann man sich die letzten beiden Fotos in der Kopfgrafik anschauen.

    http://www.bahnfotografie-jade-weser.de/bjwnewtest2/index.html

    Mit freundlichen Grüßen
    Yannick aus dem Norden

    Einmal editiert, zuletzt von Hanabi (13. Januar 2017 um 18:50)

  • Ich habe nochmal genauer geschaut ob man das auch mit CSS anpassen kann.
    Der Padding-Wert liegt nur bei 5 Pixel und ein Minus-Wert funktioniert hier nicht.

    Aber mit ein bisschen Margin im Minusbereich geht das.
    Wenn du also mit dem oben beschriebenen "Abstand von oben" nicht auskommen solltest kannst folgendes CSS testen. Den Margin-Wert so anpassen das es eben gerade so passt.

    CSS
    <style>div.flex-caption .caption-text {    padding: 0 0; margin-bottom: -10px;}</style>
  • Moin Mario,

    danke für den Code. Soweit habe ich die Werte angepasst und zumindest im "Vollbildmodus" funktioniert es. Verkleinere ich jedoch das Browserfenster, so werden die Fotos ohne Überschrift und Text. auch dort verkleinert bzw. das oben genannte Problem tritt auf.

    Mit freundlichen Grüßen
    Yannick aus dem Norden

  • Hallo Mario, danke für dein Feedback. Dann hoffe ich, dass der Zeta-Support dort noch was machen kann. :)

    Mit freundlichen Grüßen
    Yannick aus dem Norden

  • Hallo,

    ich vermute, was Sie beobachten ist das normale Verhalten in diesem Layout.

    Kopfgrafiken (auch ohne Text) werden mit der in den Layout-Einstellungen unter "Höhe (min.)" eingegebenen Mindesthöhe dargestellt.
    Wenn die Kopfgrafik nun viel Text enthält, wird die Höhe der Kopfgrafik so angepasst, dass der komplette Text mit der Grafik hinterlegt ist.

    In Ihrem Fall ist der "Abstand oben" höher als die Mindesthöhe der Kopfgrafik und daher wird diese, wenn Text enthalten ist, in der Höhe angepasst.

    Sie müssen sich also an einen besseren Wert für "Abstand oben" rantasten.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Moin,

    also ich habe folgende Größe bei den Bildern:

    2047 Breite
    1365 Höhe
    48vw Höhe (min.)

    Abstand oben des Textes beträgt 690...

    Problem ist jedoch... gehe ich von 690 weiter niedriger (z.B. auf 630) ist mir der Text zu weit im Bild drin.

    Mit freundlichen Grüßen
    Yannick aus dem Norden

    3 Mal editiert, zuletzt von Yannick Kruse (17. Januar 2017 um 17:16)

  • Versuchen Sie doch mal, statt der 48vw Min.-Height einen Wert in Pixel anzugeben, z.B. 740px, vielleicht hilft das?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Danke für den Tipp! :)

    die 740px haben zwar das selbe Verhalten gezeigt, aber bei 900px ist mein Problem was beim Verkleinern des Browserfensters auftritt behoben. :) den Wert "von oben" musste ich auf 640 anpassen.

    Mit freundlichen Grüßen
    Yannick aus dem Norden

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!