hintergrundbild einfügen

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

skylinerfin

Neues Mitglied
24 November 2018
5
0
1
22
#1
Ich versuche ein bild als hintergrundbild einzufügen. Hab es schon mit "" und ohne versucht


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Skyliner Ehrengarde</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Skyliner Ehrengarde">
<meta name="keywords" content="Skyliner Skyliner-Gilde Gilde Ehrengarde Forum">
<meta name="author" content="Fin, Andre Dierl">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/test.css">
</head>
<div id="test"></div>
<body>
</body>
</html>

#test {
background-image: url(bilder/gold.jepg);
width: 100px;
height: auto;
}
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
1.222
255
83
66
#3
... außerdem scheint da ein Verschreiber drin zu sein: bilder/gold.jepg : jepg gibt es nicht, nur jpg oder jpeg.

Und den Hinweis von Basti musst Du auf dein div#test anwenden, denn ohne Inhalt hat dieses eine Höhe von 0 und der Hintergrund ist nicht sichtbar.
 
Zuletzt bearbeitet:

skylinerfin

Neues Mitglied
24 November 2018
5
0
1
22
#4
ich hab die css datei so umgeschrieben.

#test {
background-image: url("bilder/gold.jpeg");
width: 100px;
height: 100px;
}

und die div so,

<div id="test">
<h1>test</h1>
</div>

funktioniert immer noch nicht, background-color: funktioniert