hintergrundbild einfügen

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

skylinerfin

Neues Mitglied
24 November 2018
5
0
1
22
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;
}
 

basti1012

Aktives Mitglied
26 November 2017
782
74
28
38
Minden
sebastian1012.bplaced.net
gebe dein height doch mal nee feste größe, zb 100px. Oder befülle den Container mal mit irgendwelchen Inhalt. Dann siehst du auch schon mal etwas Bild.Den rest kann man dann mit background-size ,background-repeat und so dann noch einstellen.
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
1.352
273
83
66
... 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
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
 
Werbung: