Hallo Ihr,

ich bin relativer Jimdo und CSS-Neuling und hoffe mir kann hier jemand auf die Sprüunge helfen.

Ich verwende die Zürich-Vorlage und möchte ein weniger hohes Header-Bild haben. Ich habe ein Bild mit den Maßen 1170x150px als Basis. Das Logo ist in der Mitte.

Mein Ziel ist es, ein Header-Bild zu haben was ca. 10% der Höhe des Browserfensters bzw. 100px einnimmt. Das Bild soll nicht skaliert werden sondern beschnitten: Es soll bei jeder Fenstergröße der Ausschnitt im Zentrum des Bildes zu sehen sein. Kann mir jemand sagen wie ich das umsetze?

Ich habe schon folgenden Code bei Jimdo im Menü "Head bearbeiten" eingegeben um die Höhe zu reduzieren:

.jtpl-header {
max-height: 150px;
}

Damit ändert sich gar nichts, das Bild hat auf der Homepage die Höhe 450px. Wenn ich jedoch "Min-height: 150px" eingebe ändert sich die Höhe des Headers auf 190px.

Verstehe ich nicht! Über Hilfe bin ich dankbar.

Liebe Grüße

Sören

Hi az,

danke für deine Antwort. Mittlerweile habe ich das Problem schon gelöst und den Head nach meinen Wünschen eingestellt. Auf

https://littlelight-berlin.jimdofree.com/

ist das Ergebnis zu sehen.

Hallo und guten Tag, lässt du mich teilhaben an deiner Lösung? Ist für einen guten Zweck. Danke, Higgie