• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hilfe bei der Bildpositionierung (Hintergrund)

montababa

Neues Mitglied
Hallo zusammen!

Ich bin noch ein Lehrling und habe noch viel vor mir. Ich hoffe ihr könnt mir bei meinem Problem helfen, was ich seit über ner Woche stört...

habe ein Hintergrundbild, was aber nur im oberen Rand der Seite sein soll, worauf Text, Logo und sonstiges kommen soll. Um das so hinzubekommen habe ich es mit einem div-Container probiert.
Da das Bild nie vom linken bis zum rechten Rand durchgeht (rechts bleibt immer ein Rand über), habe ich de ganze Zeit alles mögliche versuch. Dadurch ist sicher viel Mist im Code dazugekommen.
Kann mir da jemand bitte helfen, also dass das Hintergrundbild vom linken bis zum rechten Bildschirmrand geht aber nur oben auf der Seite ...

Hier mein Code:
<div class="container" style="position: relative">
<div class="row">
<img src="logo.jpg" style="height: 100px; width: 200px">
</div>
<div class="row" style="padding-left: 75px; padding-bottom: 40px">
<h1 style="font-weight: bold; color: white;font-size: 70px">ZEIT ZU WACHSEN?</h1>
<h2 style="color: white">Erfolgreich expandieren mit internationalem SEO</h2>
</div>
<div class="row">
<ul class="list-group list-group-flush">
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 200px; background-size: 100% 100%">TOP-RANKINGS</li>
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 100px; background-size: 100% 100%">INTERNATIONALES SETUP</li>
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 90px; background-size: 100% 100%">ONPAGE OPTIMIERUNG</li>
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 60px; background-size: 100% 100%">OFFPAGE OPTIMIERUNG</li>
<li class="list-group-item" style="width: auto; text-align: right; padding-right: 10px;; background-size: 100% 100%; margin-bottom: 50px">PROFESSIONELLES SEO-CONTROLLING</li>
</ul>
</div>
</div>

CSS:
.container{
background-image: url("teddi.jpg");
background-repeat: no-repeat;
background-position: top;
background-size: cover;
background-size: auto;
margin-right: 0;
margin-left: 0;
padding-right: 0;
width: 100%;
height: auto;
}

html, body {
margin: 0;
padding: 0;
}

So sieht es gerade aus:
Screenshot 2024-06-10 145527.png

Vielen Dank schonmal
 
Werbung:
Werbung:
hi, ist das hier im Forum etwa nicht erlaubt oder ist das nur ein hinweis?
Das ist in der Regel unerwünscht!

Dies habe ich aus einem anderen Forum kopiert:

Crossposting bedeutet, dass ein und dieselbe Frage in mehreren Foren oder Newsgroups gleichzeitig gestellt wird. Ein solches Verhalten wird von den meisten Helfern nicht toleriert, denn damit stellst Du einerseits die Kompetenz der Helfer jedes einzelnen Forums und Newsgroup in Frage und bewirkst zudem, dass ein zig-faches an Stunden aufgewendet wird, um nur ein einziges Problem zu lösen, denn überall werden sich die Helfer daran setzen, eine Lösung für Dich zu finden. Das ist ganz klar ein Missbrauch an dem kostenlosen und freiwilligen Support, der hier angeboten wird. Wenn Deine Frage klar und deutlich gestellt wurde, dann wirst Du ganz bestimmt innerhalb kürzester Zeit eine Antwort erhalten. Sollte dies auch nach mehreren Tagen nicht der Fall sein, dann versuche bitte die Frage besser zu formulieren. Falls Du dennoch in einem zweiten Forum posten solltest, erwähne bitte, dass Du die Frage schon woanders gestellt hast, und dass Du es tust, weil keine Lösung gefunden werden konnte.
 
Das ist in der Regel unerwünscht!
Oh, das hab ich nicht gewusst.

Dachte sogar dass es den Foren eher gut käme, mehr Beiträge zu haben. Woanders hatte ich auch gelesen, dass Crossposting geduldet wird. Also in nem anderen Forum.

Jedenfalls danke für den Hinweis, das obige Problem wurde bereits gelöst, habe nur jeden tag neue Hürden dieser Seite :)
 
Werbung:
Zurück
Oben