wanjo: Css background-image funktioniert nicht

Ich habe gerade eine neue Seite angefangen und zum ersten mal probleme beim einfägen eines Hintergrund Bildes. Die Datei liegt im Verzeichnes, egal ob mit "" oder ohne es wird einfach kein bild angezeigt. Ich hoffe es kein mir jemand mit meiner Blindheit helfen.

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <link rel="stylesheet" href="../../styles.css" type="text/css" />
    </head>
	
	<body>
	  <nav>
	    <ul>
		  <li><a href="#">Menu</a>
		    <ul>
			  <li><a href="#">Leistungen</a></li>
			  <li><a href="#">Sprechstunde</a></li>
			  <li><a href="#">Praxis Team</a></li>
			  <li><a href="#">Impressum</a></li>
			  <li><a href="#">Datenschutz</a></li>
			</ul>
		  </li>
		</ul>
	  </nav>
	</body>
</html>

css:

 * {
	 margin: 0px;
	 padding: 0px;
 }
 
 body {
	 background-image: url(img2.jpg);
 }
 
  1. hallo

    Ich habe gerade eine neue Seite angefangen und zum ersten mal probleme beim einfägen eines Hintergrund Bildes. Die Datei liegt im Verzeichnes, egal ob mit "" oder ohne es wird einfach kein bild angezeigt. Ich hoffe es kein mir jemand mit meiner Blindheit helfen.

    html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Versuch mal zeitgemässes html einzusetzen. https://www.w3.org/TR/html52/

    body { background-image: url(img2.jpg); }

    Das Netzwerkpanel deiner Browser Dev-Tools zeigen dir, wie der Browser die Adresse auflöst.

  2. @@wanjo

    Ich habe gerade eine neue Seite angefangen

    Das sieht nicht so aus:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    

    Verwende HTML5. Ach, tust du ja: <nav>

    Verwende den HTML5-Doctype: <!DOCTYPE html>

    Ich habe gerade eine neue Seite angefangen

    Das sieht nicht so aus:

    		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    

    Verwende als Zeichencodierung UTF-8, immer und überall.

    Die Zeichencodierung gibts du einfach mit <meta charset="UTF-8"/> an.

    Die Datei liegt im Verzeichnes

    In welchem?

    Der relative Pfad bezieht sich auf die CSS-Datei, nicht auf die HTML-Datei.

    LLAP 🖖

    --
    „Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann