CSS Hintergrund wird nicht erkannt

MCG · 25. Februar 2019

Hi

pasted-from-clipboard.png

Eigentlich sollte im weissen Feld ein riesiges Bild sein, dies wird jedoch nicht erkannt.

CSS:

Code

#head {
background-image: url("background.png");
margin: 0;
padding: 222px 0px 222px 0px;
text-align: center;
color: white;
}

HTML: (die erste Zeile)

Code

<header id="head" class="parallax">
<div class="schrift">
<h1>EndUnity.net</h1>
<h3><b>Deine</b> Multi-Gaming Community!</h3>
<br>
</header>

Und ja, das Bild ist erreichbar.

MfG

basti1012 · 26. Februar 2019

Nur mit deinen jetzigen Angaben sollte das eigentlich doch klappen.

Zumindest wenn du deinen <div> wieder schließen tust.

Ansonsten probier doch mal ein Fremdlink aus zbso dann

HTML

<!DOCTYPE html>
<html lang="de">
<style>
#head {
background-image: url("http://lorempixel.com/1200/800/sports/Dummy-Text/");
margin:0;
background-size:contain;
background-repeat:no-repeat;
padding: 222px 0px 222px 0px;
text-align: center;
color: white;
}
</style>
<body>
<header id="head" class="parallax">
<div class="schrift">
<h1>EndUnity.net</h1>
<h3><b>Deine</b> Multi-Gaming Community!</h3>
<br>
</div>
</header>
</body>
</html>

Alles anzeigen

Wenn das dann geht soltest du kontrolieren ob dein Link ( pfad ) zum Bild richtig ist und auch Groß und kleinschreibung beachten. Das sind die Fehler die andauernd gemacht werden

Arne Drews · 26. Februar 2019

Das sind aber Dinge, die in der Developer-Konsole Deines Browser erkennbar sein sollte.

Da der Container #head gleichzeitig die Klasse .parallax hat, tippe ich mal auf ein WP Theme, da wird dann ein CSS-Konflikt sein. Die WP-Themes gewinnen meistens. Da muss man schon etwas mehr auf CSS Prioritäten achten.

Tags