Hast du dir mal die verlinkte Seiten angesehen? Wenn ja, hast du nicht alles durchstöbert, wenn nein, traurig.
Dort gibt es sogar ein passenden Beispiel: https://www.w3schools.com/howto/tryit.as…age_responsive2
Verkleinere die rechte Seite dort.
Ja, habe ich, allerdings ist mein Englisch nicht wirklich gut und ich hätte es noch übersetzen müssen.
Ich habe mal dein Beispiel befolgt und es klappt wunderbar, allerdings würde ich gerne per background-repeat: repeat-x; mein Header nun wieder von Anfang an laufen lassen. Aktuell ist es so, wenn der Header endet, dann kommt nichts. Und das würde ich gerne noch ändern.
Mein Code sieht so aus nun:
Und mein HTML Code so:
<img src="https://anjaliebt.de/wp-content/uploads/2024/11/headerblog_main1.jpg" alt="header" class="responsive" width="1946" height="399">
Ich habe mal versuch im HTML Code noch background-repeat: repeat-x; einzufügen, klappt aber nicht.
@Foxi schau Dir mal [FONT=Courier New]background-size: contain;[/FONT] an.
Auch dir ein Danke. Von uha der Beitrag klappte ![]()
Ich werde mir auch nochmal alles genauer anschauen.