Css background-image funktioniert nicht
wanjo
- css
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);
}
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.
@@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 🖖