Header Bild Größe einstellen

10.04.2019 14:13

S�ren
#1

S�

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

Antworten

Beitrag melden

#2

15.04.2019 10:24

az_
#2

az_

Hallo Sören,

...bitte gib uns die URL Deiner Webseite

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

16.04.2019 21:49

S�ren
#3

S�

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.

Antworten

Beitrag melden

#4

24.04.2019 15:02

az_
#4

az_

Gut gemacht! Wie genau?

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#5

21.10.2023 01:21

Higgie
#5

Hi

Higgie

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

Antworten

Beitrag melden

#6

23.10.2023 16:25 (zuletzt bearbeitet: 23.10.2023 16:31)

az_
#6

az_

Du kannst Webseite auch im Browser öffnen und das CSS anschauen, indem du die rechte Maustaste klickst und Dir dann den SeitenQuelltext anzeigen lässt.
In diesem Fall wurde vermutlich das Problem einfach dadurch gelöst, dass ein anderes Grund Design gewählt wurde, dass überhaupt kein Header Bild mehr lädt. Bin mir aber nicht sicher, hab grad nur mein iPad hier.

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html