zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hintergrundbild wird manchmal nicht angezeigt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.11.2022, 15:06
Kaz Kaz ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.11.2022
Beiträge: 2
Kaz befindet sich auf einem aufstrebenden Ast
Standard Hintergrundbild wird manchmal nicht angezeigt

Guten Tag zusammen,

ich habe ein Problem mit meinem Code und kann den Fehler nicht finden, weshalb ich hier sehr auf Unterstützung hoffe.

In einem Forum wird das Hintergrundbild angezeigt, in einem anderen nicht. Es bezieht sich hier auf den Code im CSS:

*/ .rbackout {width: 500px; padding: 30px; display: flex; justify-content: center; background: url('https://i.imgur.com/S3ZZlFH.jpg')no-repeat center center; } /*

Außerdem zerschießt es mir ein wenig das Forum, in dem das Hintergrundbild nicht angezeigt wird. Es verschieben sich dadurch z. B. ein paar Buttons.


Ganzer Code:
Code:
</font></style><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Gentium+Plus&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&display=swap" rel="stylesheet"><script src="https://kit.fontawesome.com/5da3a31511.js" crossorigin="anonymous"></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"><style type="text/css"> /*
 
  
========================
      Grundgerüst
========================
*/ #risingshadowskaz { --width: 500px; --divider-width: 35%; --invert-divider: .1; --padding: 50px; --bg-color: #E3E3E3; --position: relative; --font-style: 13px/180% 'Gentium Book Plus', serif; --margin: 30px 0;} /*
*/ .rback {  box-sizing: border-box; width: var(--width); background: var(--bg-color); padding: 40px; color: var(--text-color); font: var(--font-style); } /*
*/ .rborder {border-color: #E3E3E3; border-style: solid; border-width: 3px; padding: 3px; }/*
*/ .rbackout {width: 500px; padding: 30px;  display: flex;   justify-content: center; background: url('https://i.imgur.com/S3ZZlFH.jpg')no-repeat center center;  } /*
*/ .rbacksmall {  width: 500px; height: 175px; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; padding-top: 150px; } /*
  
/* 
========================
      TEXT
========================
*/.rtitle { margin: 10px 0; font: 900 70px/100% 'Playfair Display', serif; } /* 
*/ .rsublittle { text-transform: lowercase; font: 10px/100% 'Times', serif; letter-spacing: 3px; } /* 
*/ .rsub { text-transform: lowercase; font: italic 12px/100% 'Times', serif; letter-spacing: 3px; } /*
*/ .rsubgross {  text-transform: none; font: italic 12px/100% 'Times', serif; letter-spacing: 2px; } /*  
*/ .rtext { font-family: 'ABeeZee', sans-serif; text-align: justify; font-size: 12px; line-height: 20px; color: #444444; } /*  
*/ .rdivider {   margin: 20px; width: var(--divider-width); filter: invert(var(--invert-divider)); } /*  
 
/* 
========================
     Kasten
========================
*/.rkasten { background: #000000; width: 640px; width:100%; padding: 15px; margin: 0px 0px 10px 0px; text-align: center; color: #E3E3E3; font: 900 10px/100% 'Playfair Display', serif;  text-transform: uppercase; box-sizing: border-box; letter-spacing:2px;} /*<br />
*/.rlink {font: 900 11px/100% 'Playfair Display', serif; color: #E3E3E3; letter-spacing:2px;}/*<br />
  
  
</style><center><div id="risingshadowskaz"><div class="rbackout"><div class="rborder"><div class="rback"><div class="rtitle">RISING SHADOWS</div><div class="rsublittle">HARRY POTTER UNIVERSE ♦ großbritannien ♦ 2022 ♦ L3S3V3</div><br><div class="rsub">A Longing To Fall with The Voices Who Call To Dive Into The Deep Where My Soul Is Asleep</div><img class="rdivider" src="https://abload.de/img/pngfind.com-diagon-al7rceb.png"><br>
<div class="rsmallborder">
  
  <div class="rtext"><div class="rsubgross">"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porta ut leo vitae feugiat. Donec ut condimentum justo. Donec vitae tempus nulla. Duis hendrerit pellentesque pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse pellentesque finibus nisi quis tempor. Phasellus quis dictum lectus, vel porta ex.<br><br>

Aliquam et quam vitae enim viverra condimentum. Aliquam in eros quam. Nullam elementum neque aliquet, aliquet dolor et, elementum tortor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas ut metus porta, pulvinar metus eget, varius tellus. Phasellus tincidunt enim at faucibus tempus. Aenean sed dolor in quam elementum fringilla sit amet vitae purus.

Vivamus elementum ex nec magna sodales tincidunt. Aenean vitae lectus dictum, consectetur nunc sit amet, auctor magna. Fusce pellentesque venenatis porttitor. Cras ac ultricies nulla, at fringilla felis. Sed tempor erat vitae sapien pharetra venenatis. Quisque tempor arcu vel elit facilisis molestie. Aliquam erat volutpat. Duis eget neque nisi. Morbi sollicitudin diam eget diam tempus, tristique blandit ligula feugiat. Duis pretium iaculis odio sed vehicula. Quisque gravida nisi magna, sed venenatis lorem egestas eu. Mauris aliquam pulvinar dolor et hendrerit. Duis rhoncus finibus mauris, sed semper enim tristique ac. Pellentesque ut nisl dignissim lacus cursus tempus vel eu felis. In pellentesque ex ut dolor vestibulum pulvinar. Donec ac nunc sit amet orci feugiat tincidunt non non leo.<br><br><br>
    
  <table cellspacing=4 cellpadding=0 style="width: 100%"><tr><td style="width: 25%"><div class="rkasten"><a href="http://risingshadows.de/" target="blank" class="rlink">INDEX</a></div></td><td style="width: 25%"><div class="rkasten"><a href="http://risingshadows.de/" target="blank" class="rlink">REGELN</a></div></td><td style="width: 25%"><div class="rkasten"><a href="http://risingshadows.de/" target="blank" class="rlink">WIKI</a></div></td><td style="width: 25%"><div class="rkasten"><a href="http://risingshadows.de/" target="blank" class="rlink">GESUCHE</a></div></td></tr></table></div></div></div></center>
</center></div></div></div></div></div>
In der Browser-Konsole steht: "Failed to load resource: the server responded with a status of 404 ()"
Ich verstehe aber nicht warum. Das Bild ist zwar im CSS eingebunden, aber das geht auch bei anderen mir vorliegenden Codes ausschließlich mit dem Link zum Bild...

Ich wäre für einen Tipp o. ä. sehr dankbar, da ich hier einfach nicht weiter komme.

Vielen Dank und liebe Grüße
Kaz
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.11.2022, 09:15
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

"Failed to load resource: the server responded with a status of 404 ()" da sollte auch dabei stehen was die URL ist die der browser versucht zu laden.
Wenn du die URL in einem neuen Tab aufmachst, wird das Bild dann geladen?
Kannst du die URL die den 404 error liefert hier komplett posten?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.11.2022, 12:58
Kaz Kaz ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.11.2022
Beiträge: 2
Kaz befindet sich auf einem aufstrebenden Ast
Standard

Hallo und vielen Dank für die Rückmeldung!

Ich habe mal ein Screenshot gemacht, ich kenne mich damit ehrlich gesagt nicht so gut aus. Sag gern Bescheid, falls du mehrere Infos brauchst!

Übrigens wird nicht nur das Hintergrundbild nicht angezeigt, sondern der Code zerschießt mir auch etwas das Forum...

Liebe Grüße
Kaz
Mit Zitat antworten
  #4 (permalink)  
Alt 28.11.2022, 10:24
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Du hast den falschen Tab aktiv. Du bist in der "Console" view. Aktiviere "Network", dort siehst du dann im Detail welche Ressourcen versucht werden unter welcher URL zu laden. (Eventuell musst du einmal die Seite neu laden damit du das siehst)
Welcher Pfad wird dort genau versucht zu laden?
Mit Zitat antworten
  #5 (permalink)  
Alt 28.11.2022, 10:26
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Screenshots sind immer schwierig du kannst auf die links klicken wo der 404'er Fehler kommt, wir nicht.

Wenn wir dir helfen sollen, müssen wir entweder das konkrete Probleme sehen können oder du versuchst das Problem auf eine bestimmte Stelle runterzubrechen. So sind es ein paar Fehlermeldungen mit denen wir nicht wirklich helfen können.
Mit Zitat antworten
Antwort

Stichwörter
css, html

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
3x Divs nebeneinander = Hintergrundbild wird nicht angezeigt JackCimberly CSS 2 22.06.2011 00:26
Hintergrundbild wird nicht angezeigt SteveB (X)HTML 10 13.01.2011 21:41
Hintergrundbild wird nicht angezeigt hallo2008 CSS 6 09.12.2009 08:48
CSS in HTML - Hintergrundbild wird nicht angezeigt fossy CSS 7 11.10.2007 18:17
Hintergrundbild wird im Firefox nicht angezeigt Goalie2005 CSS 1 04.11.2005 14:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:41 Uhr.