Danke Lehrling
Habe ich auch gemerkt und alle eingefügt. Fehlt nur noch, dass ich wieder rausfinde wie ich den Header responsiv hinbekommen hatte sowie dass er wieder klickbar ist. Sonst scheint alles mit dem Style zu stimmen.
Ein paar Kleinigkeiten könnte man natürlich schon noch verbessern
Mit dem Responsiven beisst sich ein Anfänger wirklich die Zähne aus
Mindestens 10mal hab ich den ganzen Style zerschossen.
Ich kann machen, was ich will irgendwo stimmt es dann doch wieder nicht.
Es war schon responsive - allerdings sah das Hoverbild schei..... aus. Klickbar war das ganze auch schon - jedoch das Weihnacht 2017 stand oben links statt unten rechts. Heute startete ich den Style - da stand dort nicht mehr Weihnacht 2017 sondern div headerbar
Keine Ahnung was ich gestern spät Abends da gemurkst hatte.
Jetzt wäre es zwar responsiv(Titel samt Beschreibung müsste eliminiert werden)
[ externes Bild ]- jedoch wer was erkennen möchte benötigt Brille
Zudem sieht es doof aus, mit dem schmalen Headerstreifen.
Code: Alles auswählen
.headerbar {
background-image: url("./images/header.png");
background-repeat: no-repeat;
background-position: center;
background-color: #e8e8e8;
background-size: contain;
color: #f4f4f4;
border: 2px solid #f4f4f4;
border-radius: 2px;
}
Und klaro das Hoverbild ebenso klein sieht sack doof aus.
So wie ich das sehe vermutlich zu kompliziert mit Hoverbild, denn wenn es beim Headerbild einigermassen stimmt - sieht eben das Hoverbild doof aus, da oben und unten riesen Rand.
Gebe ich den Code "100% auto" ein wird bei 1250px unten der Text abgeschnitten - beim Hoverbild entsteht eben wieder ein riesen Rand, was nun wirklich nicht der Hit aussieht.
Also wenn ich so im Netz rumsuche - mit background-size: 100% auto oder cover, müsste ich für den Header eine Höhe angeben in der overall_header.html. Zudem wird es beim Hoverbild so immer oben und unten riesen Rand geben. Das wird dann so wohl nichts.